Media Object List Component

← Return to the Drupal User Guide

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

Elements

1. Title (required, user can toggle visibility)
2. Media Object Item - Title
3. Media Object Item - Label
4. Media Object Item - Body
5. Media Object Item - Image
6. Media Object Item - Call to Action
7. Media Object Item - Layout

Figure: The Media Object List component fields.

Examples

Interactive Example

The preview below shows the Media Object List component using its default configuration.

To experiment with different layouts and other settings, open the interactive component playground.

Open Component Playground

Step-by-step Instructions

1. Add a Title for the entire component. The Media Object List displays this title above the first item if the title has been configured to display.
2. Begin adding your Media Object List items:
   1. Add a Title for the Media Object List item.
   2. Add a short Label to provide additional context for the item.
   3. Add Body text that will make up the primary content of the item.
   4. Add an Image. If, after previewing the component, the image appears grainy or pixelated, try uploading a higher quality version.
      1. If using an existing image already in the system:
         1. Click the Insert an Image button to launch the image browser.
         2. Navigate to the image under Select Image, select it using the radio button, and click Select Image.
      2. If using a new image:
         1. Click the Insert an Image button to launch the image browser.
         2. Click Upload Image, then click Browse… to locate the image on your computer. Finally, click Select Image.
   5. If you've added an image, select whether it should be left- or right-aligned using the Media Object Layout field.
   6. Optionally, add a Call to Action Link. This will inherit the standard Call to Action formatting.
   7. Click Add another item to add additional Media Object items.