Organize dashboard panels

Customize your dashboard layout by arranging panels into logical groups and adjusting their size and position. When panels are well organized, your dashboard becomes easier to read, loads faster, and helps viewers locate important information more quickly.

To organize dashboard panels, you need the All privilege for the Dashboard feature in Kibana.

Dashboards use a 48-column grid with rows of fixed height. When you move or resize a panel, it snaps to column and row boundaries on this grid. New panels are created at half width (24 columns) by default.

Use these reference widths to keep panels aligned across a row:

Size panels to match what they show. Use these as starting points and adjust for the density of your data:

Consider the following best practices to keep dashboards scannable as you add panels:

• Place KPIs and key trends above the fold. On a 1080p screen, roughly 20–24 rows are visible without scrolling. Put metrics in the top row so viewers see the most important information first.
• Keep heights consistent within a row. When several panels sit side by side, use the same height for all of them. Mismatched heights leave awkward gaps and make the row harder to read.
• Match panel width to importance. Give primary charts more horizontal room, and group compact KPI metrics into narrower panels along a single row.
• Separate secondary content with collapsible sections. When a dashboard accumulates supporting panels and detail tables, place them inside a collapsible section so the primary view stays focused and the dashboard loads faster.

A common starting layout puts KPIs first, charts in the middle, and a detail table at the bottom. Use two half-width charts per row, or three at third width when comparing multiple dimensions:

┌──────────┬──────────┬──────────┬──────────┐
│  KPI     │  KPI     │  KPI     │  KPI     │  4 × 12 cols, ~5 rows
├──────────┴──────────┼──────────┴──────────┤
│  Chart              │  Chart              │  2 × 24 cols, ~10–12 rows
├─────────────────────┴─────────────────────┤
│  Table or distribution chart              │  48 cols, 15+ rows
└───────────────────────────────────────────┘
		

When you use the Dashboards API to author dashboards, you specify x, y, w, and h as grid coordinates directly. The dashboard editor's automatic packing no longer applies, so the same guidelines apply in your panel definitions.

Each dashboard enforces the following limits:

• Up to 100 top-level items (panels, including unpinned controls, and sections combined)
• Up to 100 panels inside each section
• Up to 100 pinned controls

These limits are independent of each other. For example, a single dashboard can have 100 pinned controls, 100 sections at the top level, and 100 panels inside each of those sections.

Organize your dashboard panels into collapsible sections to improve readability and navigation, especially for dashboards with many panels. Collapsible sections also help dashboards load faster by only loading the content from expanded sections.

To add a collapsible section:

1. Open the dashboard and make sure that you are in Edit mode.
2. Add a new panel and select Collapsible section. The collapsible section is added at the end of the dashboard.
3. Optionally, edit the label of the section.
4. Drag and drop any panels you want into the section.
   Tip

   The section must be expanded in order to place panels into it.

5. Like any other panel, you can drag and drop the collapsible section to a different position in the dashboard.
6. Save the dashboard.

Users viewing the dashboard will find the section in the same state as when you saved the dashboard. If you saved it with the section collapsed, then it will also be collapsed by default for users.

Compare the data in your panels side-by-side, organize panels by priority, resize the panels so they all appear immediately on the dashboard, and more.

In the application menu, click Edit, then use the following options:

• To move, hover over the panel, click and hold and drag to the new location. Your screen scrolls automatically when you drag above or below the visible parts of the dashboard.

• To resize, click and hold the bottom right corner of the panel and drag to the new dimensions. Panels snap to a 48-column grid.

• To maximize to full screen, open the panel menu and click Maximize.

  Tip

  If you share a dashboard while viewing a full screen panel, the generated link will directly open the same panel in full screen mode.

To move a panel:

1. Using Tab, browse to the panel action and press Enter or Space to lock the action.
2. Use Arrow keys to move the panel to the new location.
3. Press Enter or Space again to release the panel.
4. Save the dashboard.

To resize a panel:

1. Using Tab, browse to the panel action and press Enter or Space to lock the action.
2. Use Arrow keys to resize the panel to the new dimensions.
3. Press Enter or Space again to release the panel.
4. Save the dashboard.

To duplicate a panel and its configured functionality, use the clone and copy panel options. Cloned and copied panels replicate all of the functionality from the original panel, including renaming, editing, and cloning.

Duplicated panels appear next to the original panel, and move the other panels to provide a space on the dashboard.

1. In the application menu, click Edit.
2. Open the panel menu and select Duplicate.

Copy panels from one dashboard to another dashboard.

1. Open the panel menu and select Copy to dashboard.

2. On the Copy to dashboard window, select the dashboard, then click Copy and go to dashboard.