Media Object List Component

The Media Object List component allows you to display one or many left or right-aligned images alongside a title, label, text, and link.

Elements

1. item

2. item

3. item

Examples

Step-by-step Instructions

1. Under the YOUR SITE - Site Administration dropdown, hover over Add new pane and select either Media Object or Media Object List to create a new pane.

   1. Note: The primary difference between the two is that the Media Object List lets you add multiple Media Objects, which are then displayed beneath a title, while the Media Object is a single, non-repeatable element.

2. Add a Title. The title will not be displayed on the Media Object; the Media Object List will display this title above the first object in the list.

3. Optionally, add a short Label to give further context to the Media Object.

4. Add Body text that will make up the primary text for the object.

5. Add the Image. If after previewing your pane you notice that your image looks grainy or pixelated, try uploading a higher quality version.

   1. If your image has already been uploaded to the system:

      1. Click the File Browser tab to launch the browser pop-up window.

      2. Navigate to the file, clicking on the title to select it.

      3. Double click the title or use the Insert file button in the upper left.

      4. Enter Alternate text describing the contents of the image (used by screen readers, search engines, or when the image cannot be loaded).

6. If you've added an image, select whether the image should be left or right-aligned under Media Object Layout

7. Optionally, add a Call to Action Link. This will inherit the standard Call to Action formatting.

8. If you're creating a Media Object List, click Add another item to add additional objects. This button will not appear for the single Media Object pane type.