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 Context
    • 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 Context
  • 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.

Images will appear in all versions of the site. The Live Edit editor can size each version  appropriately.

Display Context

The Display Context acts as a way to tell Smartspace where and when an image should be placed. The following list explains where images can be placed and the selection 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 Home Page Feature Image
   • 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 Context selection because of advanced functionality.
   • When configuring the content panel, look for display context 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 Context: Content Space Preview Image
   • This is for standard content panels where no Display Context is 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 Context: Page Header or Background Image
   • 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 Context: Article SLideshow or List Image
   • Number each of your images     - they do not have to be consecutive, but they will appear in order asc
   • 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