Inserting a Standalone Image

When inserting an image into your content — depending on how you insert it — your image may, or may not, have a drop shadow.

With a drop shadow


Image Placeholder

If you wish to have the drop shadow, you will need to insert the featured image (standalone) component on to your page.


Step-by-Step Guide

  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.

Without a drop shadow

Image Placeholder

If you do not wish to have a drop shadow on your image, you may insert the image directly from the WYSIWYG toolbar.

Step-by-Step Guide

  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. Select the General tab and click on insert/edit Image button .
  6. Next to the Source field, click the file chooser icon Image Placeholder.
  7. Navigate to your _Files folder and choose the appropriate image.
  8. Click Insert.
  9. Add a description. This provides alternative text for the image.
  10. Add a title for the image, adjust the dimensions, select a style class, and add an ID, as appropriate.
  11. Select the Advanced tab to make adjustments to the image's appearance on the page.
  12. Adjust the alignment, vertical space, horizontal space, border width, and style as appropriate.
  13. Click Save.
  14. To reopen and edit the image, select the image and click on the insert/edit Image button  in the toolbar.

Inserting an MSU Photo Slider (carousel)

This component provides a revolving photo carousel. Feature multiple photos or graphics of related items – saving space on your page.