This article will show you how to add a List Widget to your page. This widget allows you to create lists on your desired page.
Important Notes
- Use the List tool in the Editor Widget instead of the List Widget. The List Widget is a fairly simple tool, meaning it is not as robust as the list tool in the Editor Widget, nor is it as compliant.
- The List Widget does not use the right CSS classes that Screen Readers require to properly translate the code.
- The Editor Widget uses the right CSS classes to allow Screen Readers to automatically translate and work properly.
Instructions
- Navigate to your desired page
- Ensure that Live Edit Is On
- Select the Widgets tab on the left-hand side
- Drag and drop the List Widget to your desired area on the page (usually between two widgets)
- Fill out the Widget Options
- Header Text: Create text for the widget header
- Header Style: Select a style option
- Bullet Style: Choose a Bulleted or Numbered list
- Number of Columns: Choose a number of columns to display
- Auto-alphabetize: Select to automatically re-arrange items in alphabetical order
- Advanced - Widget Breakpoint: Width at which the widget will switch from a narrow to a wide view
- Click X to exit the Widget Options window
- Click inside and start typing to create a list
- Formatting Options: Highlight text with your cursor to view formatting options
- B: Bold text
- i: Italicize text
- H2: Choose the regular text or header text
- Page Icon: Choose how to align the text (Left, Center, Right, Justify)
- Link: Add a link to the widget
- Formatting Options: Highlight text with your cursor to view formatting options
- Click Save
- View your list
Feedback About the Article
Let us know what was helpful or not helpful about the article below.2 comments
It would be helpful if at the end of this help page, you would show an example of a completed list widget with multiple list items, so the user would know what to expect as an outcome when the widget is used.
Hi Jonathan,
Thanks for the suggestion! An example list has been added above.
Please sign in to leave a comment.