> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.blab.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Widgets: List

# 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](https://help.booklikeaboss.com/en/articles/10353857-widgets-library-and-overview#h_45d573b76d).

**Tip**

Fore more information on widgets and the widgets library, see [Widgets: Library and Overview.](https://intercom.help/book-like-a-boss/en/articles/10353857-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](https://intercom.help/book-like-a-boss/en/articles/10378990-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](https://help.booklikeaboss.com/en/articles/10353857-widgets-library-and-overview#h_bd5957206f).