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
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
- Navigate to the page where you wish to
place your component.
- Click on Edit on
the page actions toolbar.
- Click on the green Main Region button to check out the page.
- Place your text cursor in the editable
region where you would like the featured
content with image to appear.
- Click on the Atom to
view
available components.
- Click on Featured Image
(Standalone).
- Click Insert.
- Your component is presented as a
form
- Click on insert/edit Image button .
- Navigate to and click on the appropriate
image from your _Files folder.
- Click Insert.
- Add an image description. This is your
alternative text.
- Click Save.
Without a drop shadow
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
- Navigate to the page where you wish to
place your component.
- Click on Edit on
the page actions toolbar.
- Click on the green Main Region button to check out the page.
- Place your text cursor in the editable
region where you would like the
featured content with image to
appear.
- Select the General tab and
click on insert/edit Image
button .
- Next to the Source field, click the file chooser icon .
- Navigate to your _Files folder
and choose the appropriate
image.
- Click Insert.
- Add a description. This provides
alternative text for the image.
- Add a title for the image, adjust the
dimensions, select a style class, and
add an ID, as appropriate.
- Select the Advanced tab to make
adjustments to the image's appearance
on the page.
- Adjust the alignment, vertical space,
horizontal space, border width, and
style as appropriate.
- Click Save.
- 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.