Dashboard Content Density

Dashboard Content Density Settings let you choose how much space dashboards use between widgets and inside dashboard content.

Use this feature when you want to show more dashboard content on the screen at once. This can be useful for dashboards with many visualizations, nested layouts, or users working on smaller screens.

Dashboard content density can be set in a theme. Viewers can also override the theme-defined density for themselves. Their preference is stored locally on their device.

Density Modes

Dashboard content density supports the following modes:

• Comfortable: Uses the standard dashboard spacing and font sizes.
• Compact: Reduces dashboard spacing and font sizes so more content fits on the screen.

Compact density affects dashboard content layout. It is intended to make dashboards denser without changing the dashboard structure or the visualizations that the dashboard contains.

Configure Dashboard Density in a Theme

To configure the default dashboard density, add the dashboards.density property to your theme.

Example:

{
  "dashboards": {
    "density": "compact"
  }
}

To use the standard density, set the value to comfortable:

{
  "dashboards": {
    "density": "comfortable"
  }
}

Viewer Preference

Viewers can override the density defined by the theme. The viewer preference is stored locally on the viewer’s device. This means the preference applies only for that viewer and that device.

Current Limitations

The following limitations apply while the feature is experimental:

• The feature is available only for dashboards.
• Viewer preferences are stored locally on the viewer’s device.
• The behavior may change in future releases.