Skip to main content
All CollectionsWebsites by BLAB
Widgets: List
Widgets: List

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.

Justin avatar
Written by Justin
Updated over a week ago

Widget Categories: Basic

For more complex lists consider using the restaurant menu widget or building the list with rows columns and other elements.

For information on adding widgets, see Add Widgets.

Tip

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

Dynamic Content

This widget can also display dynamic pages. For more information, see Dynamic Content: Display and Navigation Options for Collection Records.

Content Editor

To access the content editor, right click the widget and select Edit Content. Or, if you are in flex mode or Editor 2.0, the option to access the content editor is available in the floating menu.

  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

To access the design editor, right-click the element, and click Edit Design. Or if you are in flex mode or Editor 2.0, select Edit Design from the floating menu to open the design panel.

  • Click the Layout tab to select a layouts 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.

Did this answer your question?