Add the List Widget to a Page

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. Here's why:

• 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 correct CSS classes that Screen Readers require to properly translate the code

• The Editor Widget uses the correct CSS classes to allow Screen Readers to automatically translate and work properly

Who can use this feature?

System Administrators | Owners | Publishers | Authors  

Instructions

1. Sign in to your website solution

2. Navigate to your desired page

3. Ensure that the Live Edit state is toggled to ON:

4. On the Live Edit pane, click on the Widgets tab:

5. Drag and drop a List Widget to the page:

6. 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

7. Click the X/Close button to exit the Widget Options window:

8. Click inside the first field 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: Add header code to the selected text (not recommended)

     • Page Icon: Choose how to align the text (Left, Center, Right, Justify)

     • Link: Add a link to the selected text

9. Click the Save button:

10. View your list: