Skip to main content

Collapsible Panel

Groups widgets into a Panel that the end user can open or close.

Example of the Collapsible Panel widget in the Demo User View

Recommended Configuration

  1. Drag widgets into the inner grid.
  2. Configure the container's title, size, and style.
  3. Verify opening and closing in Preview.

Configuration Options

AreaOptions
ContainerChild widgets, inner grid, and optional grid visibility in the published view.
OpeningLabel, open/closed state, and optional browser storage.
IdentityTitle, Subtitle, header visibility, type icon, and actions button.
PresentationStandard, Compact, or Dense variant and message to show when no data is available.
AppearanceBackground, background image, border, radius, padding, shadow, and typography for different areas.
PositionCoordinates and dimensions in cells within the page or container grid.

Best Practices

  • Leave sufficient space for widgets when the Panel is open.
tip

Always verify the widget in Preview, in both light and dark themes, and with an empty data state before publishing the View.