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:
- RSS Feed widget.
- Links widget (The Links widget provides its own accordion functionality.)
- Photos in Folder widget
- 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:
- In the widget you want to apply the enhancement, apply the accordion class. See Applying custom CSS to widgets.
- 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.