Accordion enhancement

Make the contents of a widget collapsible with the Accordion enhancement. Use this to reduce clutter and information overload on information-dense pages by presenting content based on the user's needs. Widgets with this enhancement display as buttons with their title as the button's label. Users can click them to either show or hide the widget's contents.

Sections in this article: 

Request enhancement

To request this enhancement, please complete and submit an Enhancement Request Form.  

Considerations and caveats

Keep in mind the following when adding the Accordion enhancement to a widget:

  • You must put a title on widgets that use the Accordion enhancement but do not enable title links.
  • Do not put the Accordion enhancement on an RSS Feed widget.
  • Do not use the Accordion enhancement on the Links widget. The Links widget provides its own accordion functionality.
  • Do not use the Accordion enhancement on the Photos in Folder widget.
  • Do not use the Widget Tabs enhancement in combination with the Accordion enhancement.

How to create an accordion

Apply the Accordion enhancement to a widget by giving it the accordion class. Refer to the article Applying custom CSS to widgets if you are unsure how to apply CSS classes to a widget. After adding this class to a widget, go to its Options tab and enter a title for the widget. This title will act as the label for the button.

If you want a title to appear above your accordion, place an HTML content widget above it. Then, add the accordion-title class to it, and enter your title into the HTML content widget's title field.