Inserting a Standalone Image

Insert your standalone image with a drop shadow or not. 



Step-by-Step Guide

Insert the Featured Image (Standalone) component to add a image with drop shadow.




  1. Navigate to the page where you wish to place your component.
  2. Click on Image PlaceholderEdit on the page actions toolbar.
  3. Click on the green Main Region button to check out the page.
  4. Place your text cursor in the editable region where you would like the featured content with image to appear.
  5. Click on the Atom Image Placeholder to view available components.
  6. Click on Featured Image (Standalone).
  7. Click Insert.
  8. Your component is presented as a form 

    Image Placeholder
  9. Click on insert/edit Image button Image Placeholder.
  10. Navigate to and click on the appropriate image from your _Files folder.
  11. Click Insert.
  12. Add an image description. This is your alternative text.
  13. Click Save. Your image may appear broken. 
  14. Navigate to the _Files folder where your upload resides. 
  15. Click Publish next to your image. 
    Image Placeholder

  16. Select Publish from the dropdown. 
  17. Write a Version Description if you desire. 
  18. Click Publish.  
  19. Navigate back to your page and your image should be properly linked and visible. 


Step-by-Step Guide

Insert an image using the WYSIWYG toolbar for an image without drop shadow




  1. Navigate to the page where you wish to place your component.
  2. Click on Edit on the page actions toolbar.
  3. Click on the green Main Region button to check out the page.
  4. Place your text cursor in the editable region where you would like the featured content with image to appear.
  5. Click on insert/edit Image button .
  6. Upload an image from your desktop or navigate to your _Files folder and choose the appropriate image.  
Steps to upload an image:
  1. Next to the Source field, click the file chooser icon .
  2. Click Upload. Add or drag files from desktop.
  3. Click Insert

Steps to choose an image already in the system:
  1. Next to the Source field, click the file chooser icon .
  2. Navigate to the _Files folder and click on the chosen image. 
  3. Click Insert.
  4. Add a description. This provides alternative text for the image.
  5. Add image title, adjust the dimensions, select a style class, and add an ID, as appropriate.
  6. Select the Advanced tab to make adjustments to the image's appearance on the page.
  7. Adjust the alignment, vertical space, horizontal space, border width, and style as appropriate.
  8. Click Save.
  9. To reopen and edit the image, select the image and click on the insert/edit Image button  in the toolbar.
  10. If your image may appear broken. 
  1. Navigate to the _Files folder where your upload resides. 
  2. Click Publish next to your image. 

  3. Select Publish from the dropdown. 
  4. Write a Version Description if you desire. 
  5. Click Publish. 
  6. Navigate back to your page and your image should be properly linked and visible.