The Accordion Widget displays collapsible content sections. Each section has a header that can be clicked to expand or collapse its content. Use this widget to organize frequently asked questions, feature lists, or any content that benefits from a show/hide interaction.
Edit Dialog Fields
| Field |
Description |
| Active |
Enable or disable this accordion |
| Headline |
The title displayed above the accordion |
| Sort Order |
Controls the display order when multiple widgets are on the page |
Advanced Edit Fields
| Field |
Tab |
Description |
| Name |
Control Info |
Internal name for this widget |
| Pad Top |
Styles |
Add top padding to the widget |
| Pad Right |
Styles |
Add right padding to the widget |
| Pad Bottom |
Styles |
Add bottom padding to the widget |
| Pad Left |
Styles |
Add left padding to the widget |
| As Full Bleed |
Styles |
Include margins for content |
| Height |
Styles |
Set a specific height with units |
| Theme Style |
Styles |
Select a layout wrapper class from Design Block Themes |
| Button Style |
Styles |
CSS class for buttons (default: "btn btn-link") |
| Background Image |
Background |
Set a background image for the widget |
Child Records: Accordion Items
Each accordion section is a separate Accordion Item record with these fields:
| Field |
Description |
| Heading |
The clickable header text for this section |
| Body |
The content displayed when the section is expanded (HTML) |
| Sort Order |
Controls the display order of sections within the accordion |