Skip to main content
Web Central Quarterly Enhancements Webinar | Watch Now...

Search

Add a List Widget to a Page

  • Updated:

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.

 

Who can use this feature?

System Administrators | Owners | Publishers | Authors

 

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

 

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:
    Web Central, Admin User Menu Live Edit Toggle On.png
  4. On the Live Edit pane, click on the Widgets tab:
    Web Central Live Edit Pane Widgets Tab.
  5. Drag and drop a List Widget to the page:
    Dragging and Dropping a List Widget onto the page.
  6. Fill out the Widget Options:
    Web Central List Widget Widget Options Dialog Box.
    • 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:
    Click the X/Close icon to finish your widget options selections.
  8. Click inside the first field and start typing to create a list:
    Web Central List Widget Ready for Content.
    • 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:
    Web Central Live Edit Page Save Button.
  10. View your list:
    Web Central Sample Completed List Widget.

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

2 comments

Date Votes
  • Jonathan Thiesse

    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.

    0
  • Clara Siegele

    Hi Jonathan, 

    Thanks for the suggestion! An example list has been added above. 

    0

Please sign in to leave a comment.