Skip to main content
Stack, spacer, and divider are non-data layout widgets. Stack carries other widgets; spacer and divider carry no data of their own. Place them on the canvas alongside charts, text, and controls to structure a dashboard.

​
Stack

A stack is a container that groups other widgets and lays them out along one axis:
  • Horizontal stack — arranges its children side by side.
  • Vertical stack — stacks its children on top of each other.
A stack’s children share the space evenly along that axis and have no size of their own — only a position in the line. Resizing the stack resizes every child with it. Drag a widget onto a stack to add it — an empty stack prompts you to Drag widgets here. As you drag over the stack, it opens a slot under the pointer showing exactly where the widget will land. A stack can hold other stacks too, nested up to 4 levels deep. Controls placed inside a stack (filters, time granularity switchers, field switchers, and parent controls) drive the dashboard the same as controls placed directly on the canvas.

​
Spacer

A spacer is an empty, resizable box. Use it to add deliberate whitespace between widgets — for example, to separate a header row from the charts below it, or to push a widget into a particular column. A spacer is only visible while you are editing in the dashboard builder. On the published dashboard (including embedded views) it renders as empty space, so it never draws a card or border for viewers.

​
Divider

A divider is a horizontal separator line that breaks up the layout flow — a lightweight way to signal the boundary between sections of a dashboard. Unlike other widgets, a divider is a fixed height and cannot be resized vertically.

​
Adding a layout widget

In the dashboard builder, open the Add Widgets menu in the toolbar and choose Horizontal stack, Vertical stack, Spacer, or Divider. The widget is added to the canvas, where you can drag it into place and (for a spacer or stack) resize it.

​
Styling

The spacer and divider follow the dashboard’s widget styling settings:
  • The divider draws its line using the widget border width, style, and color.
  • A spacer picks up the same border and background settings while you are editing, so its bounds are easy to see.