Widgets: List

Widget Categories: Basic

The List widget allows you to display content in one of several pre-formatted layouts, making it easy to organize information or content for your site visitors.

For more complex lists, consider building the list with rows, columns and other elements.

For information on adding widgets, see Add Widgets.

Tip: For more information on widgets and the widgets library, see Widgets: Library and Overview.

Content Editor

Click the element to open the floating menu, then click the option for the content editor.

1. Select to include an Image element and Link element to be associated with each item on your list.
2. Click Build your list to start adding content.
3. Click Add Item to add additional items to the list.
4. Type a title in the Main list title field provided.
5. Click an existing list item to open the List Settings. You have the following options:

   • + Image. Click to add an image.

   • Item label. Type the item label. To hide the label, click the eye icon.

   • Description. Type a description for the item. To hide the description, click the eye icon.

     Note: The long text field provides various text formatting options, such as italicizing, bolding, or underlining text.

   • Add link. Click and select the type of link you want to add to the item.

   • Text on link. Type the text to display on the link. To hide the text on the link, click the eye icon.

6. Re-order the list items by clicking and dragging on the 3 dots to the left of each item.
7. To return to the first page and set if links and images are displayed, click click here to change elements.

Design Editor

Click the element to open the floating menu, then click the option to edit design.

• Click the Layout tab to select a layout for the list.
• Click List Title, Item Title, Item Description, or Link to control the text styling for those fields.
• Click Image to modify the images border and give images rounded edges.
• Click Divider to select from several different divider styles.

For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.