Support

Basket (0)

Smartmailm Notice - do not publish

smartmail-logo-clear_1807241430

ATTENTION! If you have a recent Smart Mail account it is probably hosted on our new service. Please click here for help and settings for the new server

Attaching Images To Content

Smartspace allows you to uses images on your Smartspace site in a variety of ways.

Please note that this article cover attaching images to content using the database capabilities of the Smartspace system. It does not cover embedding images in the content itself through the text editor.

How to Attach An Image To Content

You can add an already uploaded image or you can upload and attach an image in the one process.

Please note that you cannot attach an image that has been uploaded into Smartspace using the text editor alone, as these images are not placed in the image database.

  • Create An Article or Post
  • After Saving/Updating the content an action menu will appear
  • Where Image is Uploaded...
    • Add or Manage Images icon (where image is uploaded already)
    • The appropriate form will be presented
    • You need to fill out the following fields
      • Picture Caption
      • Display Order (see below for codes)
      • Select an Saved Image
      • Click on Image Selection if you want to select from image previews and not just a text list
    • Click on Save Article Picture
  • For when the image is not uploaded...
  • Click on the Upload and Add Images icon
  • Fill out the following fields (careful, some fields have similar names)
    • Picture Caption
    • Display Order
    • Choose File
    • Name Image
    • Resize (choose an appropriate option)
    • Either select an existing album or create a new one
  • Click Save Article Picture

The image will now be attached to the article. A list of all attached images will appear below the form.

To edit any attached image, simply click on one of the listings.

When you Delete and article picture, it is only the attachment that is deleted, not the image itself.

If the image is to appear in the mobile version of the site, tick the Mobile Site checkbox

Display Order Code

The Display Order acts as a code to tell Smartspace where and when an image should be placed. The following list explains where images can be placed and the code required to get an image to appear.

  1. A large image(s) can be shown on your home page (with or without additional text), in the Feature Panel area linked to the content or just an an image or series of images.
    • Use Display Order: 0 (zero)
    • Depending on the widget used, a number of images may be set at this order to appear as a slide show when there is only one article build into the widget
    • Alternatively, if a number of articles are programmed into the widget, only one image with this order code will appear for each article
  2. A number of content widgets use images as an integral part of the website structure or functionality
    • Other content widget use different Display Order number because of advanced functionality.
    • When configuring the content panel, look for display order specifications
  3. A smaller snippet of an article can appear on the home page or other area of the website with an accompanying smaller image
    • Use Display Order: 1
    • This is for standard content panels where no Display Order numbers are specified
  4. A listing of your content can use an accompanying image
    • For archive listings of your content, it will look for any images above zero, starting with the highest number
  5. The content itself may have a prominent image as the page background or page header
    • Use Display Order: 2
    • Depending on the payout and design of your website, this image will appear at the top of the content or as a background to the content of the article
  6. The content may use multiple images with content as a slide show or list of images
    • Use Display Order: 11+
    • Number do not have to be consecutive, just more than 10
    • You can configure within each article and Content Category on how you want these images to appear
    • They can appear as any of the following
      • A mini slide show
      • An image list
      • Images bound to elements in the content which are class="picsize"
    • You can have the image also have an expanded full size image to be shown when the image is clicked

 

Keyword Search

Search Content:
© 2021 Smart Service Systems Terms and Conditions of Use Privacy Policy A Smartspace Website Log In