Accordion Widget

Use the Accordion widget to organize content into expandable sections.

Add an Accordion widget

Accordion Settings

The dialog starts in Style Settings and includes presets. You can also open Advanced Styling Options for full control.

Style Settings (simple view)

• Style Presets: Style 1 (Simple), Style 2 (Rounded), Style 3 (Shadow), Custom
• Allow Multiple Open
• Icon Position: Left or Right
• Advanced Styling Options button

Advanced view

Tabs include Accordion, Label Style, and Container.

• Accordion: allow multiple open, icon type (Chevron, Plus, Circle), icon position, show icon separator, item spacing
• Label Style: label text color, background color, border color, font family, font size, font weight, padding
• Container: content text color, content background color, content font size, content padding, border radius, shadow

Editing accordion items

• Click a title or content area to edit inline.
• You can select text while editing without dragging the whole widget.
• When you edit content inline, the floating toolbar includes text formatting and font-weight controls.
• Use the hover handle to reorder items or duplicate an item from the same hover toolbar.
• Use the add button to create new items.

Toolbar actions

• Accordion Settings
• Alignment
• Animation
• Position
• Copy
• Delete