Layout & Pages

A dashboard is a flexible canvas. You arrange widgets on a responsive grid and organize them across multiple pages, then switch between a clean view mode and a full-control edit mode. This page covers how to lay everything out.

What You Can Do

• Split a dashboard into multiple pages shown as tabs
• Drag widgets to reposition them and resize them by their corners
• Let the layout auto-align so widgets stay tidy
• Undo and redo recent edits
• Switch between view mode (read-only) and edit mode (full controls)

View and Edit Modes

Every dashboard opens in view mode: a clean, read-only presentation with no editing chrome, exactly what your audience sees on a shared link.

Switch to edit mode to build and rearrange. In edit mode you can add widgets, move and resize them, open each widget's editor, manage pages, and restyle the dashboard. Changes are saved automatically as you work.

Pages

Pages are the tabs across the top of a dashboard. Use them to group related content, for example an "Overview" page and a "Channels" page, without crowding everything onto one screen.

In edit mode you can:

• Add a page to start a new blank tab
• Rename a page to label it for its content
• Reorder pages to control the tab order
• Delete a page you no longer need

The Grid

Widgets sit on a responsive grid that reflows to fit any screen. The grid uses a wide multi-column layout on large screens and progressively stacks widgets on medium and small screens, so dashboards stay readable on laptops, tablets, and phones.

Moving and Resizing

In edit mode:

• Drag a widget by its body to move it; other widgets reflow to make room
• Resize a widget by dragging its corner handles; each widget type has a sensible minimum size so its contents never get clipped
• Drop a new widget from the picker exactly where you want it

Auto-Align

By default, widgets auto-align: after you move or resize, the layout compacts upward and resolves overlaps so there are no awkward gaps. You can adjust whether the canvas keeps an outer margin and how much gutter sits between widgets.

Duplicating and Removing Widgets

• Duplicate a widget to reuse its configuration as a starting point
• Select multiple widgets to move or delete them together
• Delete any widget you no longer need

Undo and Redo

Made a change you didn't mean to? Edit mode keeps a history of your recent edits so you can undo and redo layout and configuration changes. The most recent steps are available, so you can experiment freely while building.

Page Settings

Each page can define its own canvas dimensions (for example a fixed width for print-style layouts, or a minimum height). This is useful when you're designing a dashboard to be exported or shared at a specific size.

Best Practices

• Put the most important widgets at the top-left, where the eye lands first
• Keep one page focused on one theme; add pages rather than overloading a single tab
• Use consistent widget sizes within a row for a clean, grid-aligned look
• Preview in view mode regularly to see what your audience will see

Next Steps

• Widgets & charts - Add and configure the content on each page
• Data, dates & filters - Set controls per dashboard or per page
• Theming - Style the whole canvas