Accordion enhancement

The accordion enhancement makes a widget's contents collapsible. This can 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 select 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

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

  • Widget titles: You must put a title on widgets that use the Accordion enhancement but do not enable title links.
  • Widgets: Do not use the following widgets with the Accordion enhancement:
  • Widget Tabs enhancement: The Widget Tabs enhancement can only be used with the Accordion enhancement if the Accordion enhancement is not placed in the first widget in the tab. See the Create Tabs with the content in accordions section of Widget Tabs enhancement for setup instructions. 

Create an accordion

To apply the accordion class to a widget: 

  1. In the widget you want to apply the enhancement, apply the accordion class. See Applying custom CSS to widgets.
  2. Select the Options tab, and enter a label for the button in the Title field. 

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.