Skip to main content

Editing the grid

Edit mode lets you rearrange, resize, and add or remove blocks in your dashboard grid. All changes are saved per-tenant when you confirm, so your team sees the same layout you do.

Entering edit mode​

Click the Edit dashboard button in the dashboard header to enter edit mode. The grid changes to show:

  • A toolbar on each block with drag, resize, edit, duplicate, and delete actions
  • Row arrows on the left side of each row to move an entire row up or down
  • An add block icon at the end of each row to add a new data card to that row
  • "Add text" and "Add data" buttons between rows for adding new content
  • Save and Cancel buttons replacing the standard header actions

Drag and drop​

Drag a block by its handle to reposition it within the grid:

  • Within a row: Drag left or right to swap positions with adjacent blocks.
  • Across rows: Drag a block to a different row to move it there. A drop target indicator shows where the block will land.

Resizing blocks​

There are two types of resize handles:

  • Horizontal flex handles appear between blocks in the same row. Drag left or right to adjust the relative width of adjacent blocks.
  • Vertical height handles appear between rows. Drag up or down to adjust the height of the row above.

Resize indicators become visible when you press on them, giving immediate visual feedback before you start dragging.

Adding blocks​

Use the buttons between rows to add content to your grid:

  • Add data: Opens the configuration side panel where you can select a template or build a custom block.
  • Add text: Inserts a section divider row with a title and optional subtitle for organizing your dashboard layout.

The dashboard supports up to 12 visualization blocks with a maximum of 4 data cards per row. Text heading rows do not count toward this limit.

Duplicating a block​

Click the copy button on a block's toolbar to clone it. The duplicate is placed next to the original block in the same row, or in a new row if the current row is full. The clone includes all of the original block's configuration (entity type, visualization, filters, and display options).

Removing blocks​

Click the delete button on a block's toolbar to remove it from the grid. The remaining blocks in the row adjust to fill the available space.

Text heading rows​

Text heading rows act as section dividers within your dashboard. Each heading supports:

  • An optional title
  • An optional subtitle

You can use a title only, a subtitle only, or both. Click directly on the text to edit it in place. If both fields are left empty, the text heading row is automatically removed when you save.

Keyboard shortcuts​

The grid supports full keyboard navigation in edit mode:

ShortcutAction
Arrow keysMove focus between blocks
TabMove to next block
Shift+TabMove to previous block
Enter (block focused)Open the configuration panel for the focused block
Enter (no focus)Save and exit edit mode
Space (text block focused)Enter inline text editing
Delete / Backspace (text block focused)Remove the text block
Cmd+Shift+ArrowReposition the focused block
Escape (block focused)Clear focus
Escape (no focus)Cancel and exit edit mode

Saving changes​

  • Click Save to save your changes. The layout is persisted to the server.
  • Click Cancel to discard all changes since entering edit mode.

Table of Contents