> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.kodelabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dashboards

> Create, edit, share, and manage Building BI dashboards with interactive charts, widgets, and customizable layouts.

Building BI dashboards let you visualize building data through interactive charts, tables, and widgets. You can create custom layouts, share dashboards with your team, and publish them for broader access.

<Note>
  For chart type fields and Style tab options, see [Chart types](/products/building-bi/reference/chart-types) and [Chart styling options](/products/building-bi/reference/chart-styling-options). For visualization selection guidance, see [Choosing visualizations](/products/building-bi/concepts/choosing-visualizations).
</Note>

## In this guide

<CardGroup cols={2}>
  <Card title="Create and edit" icon="layout-dashboard" href="#create-a-dashboard">
    Create dashboards, tabs, widgets, and filters.
  </Card>

  <Card title="Chart types" icon="chart-column" href="#chart-types">
    Jump to each widget type in the Chart types reference.
  </Card>

  <Card title="Collaborate and publish" icon="users" href="#collaboration">
    Use drafts, permissions, and version history.
  </Card>

  <Card title="Share and export" icon="share-2" href="#share-dashboards-and-widgets">
    Share links, export PDF files, and schedule reports.
  </Card>
</CardGroup>

<Frame caption="Collections and Dashboards page showing collections at the top and the My Dashboards table below">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-overview.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=df109388384aa00b6a4554ec85295449" alt="Collections and Dashboards page showing three collection cards at the top with a Published Dashboard Collection, an Unpublished Dashboards collection, and another Unpublished Dashboard Collection, and the My Dashboards table below listing dashboards with Name, Description, Owners, Date Created, and Last Updated columns" width="1024" height="715" data-path="images/kode-os/building-bi/bbi-dashboards-overview.png" />
</Frame>

## Create a dashboard

<Steps>
  <Step title="Open Building BI">
    Navigate to `Building BI` > `Collections & Dashboards`.
  </Step>

  <Step title="Start a new dashboard">
    Select `+ New Dashboard` in the `My Dashboards` section.
  </Step>

  <Step title="Configure dashboard details">
    Enter a `Dashboard Title`, select a [`Timezone`](/products/building-bi/reference/timezone-configuration), and add an optional `Description`.

    <Frame caption="Add Dashboard dialog with title, timezone, and description fields">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-add.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=8359b44323fc375fd78a418f444919c7" alt="Add Dashboard dialog showing Dashboard Title set to Operations Dashboard, Timezone set to America/Detroit minus 04:00, a Description field, and Cancel and Create buttons" width="623" height="346" data-path="images/kode-os/building-bi/bbi-dashboards-add.png" />
    </Frame>
  </Step>

  <Step title="Save the dashboard">
    Select `Create` to save your new dashboard. Click on the dashboard you have created. The dashboard opens with an empty canvas.

    <Frame caption="A newly created dashboard with an empty canvas and an Edit Dashboard button">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-empty.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=b7f3d73911e986031bb15698d9224638" alt="Operations Dashboard in Published state showing Page 1 tab with a Page has no widgets message and an Edit Dashboard button" width="1024" height="738" data-path="images/kode-os/building-bi/bbi-dashboards-empty.png" />
    </Frame>
  </Step>
</Steps>

## Collaboration

Only one person can edit a dashboard at a time. If multiple users edit simultaneously, the last save overwrites earlier changes.

Building BI provides a [draft and publish workflow](/products/building-bi/concepts/draft-mode-version-history) with two ways to save your work:

* **Save as Draft** -- keeps your changes private. Other users continue to see the previously published version.
* **Publish** -- pushes all changes live to every viewer and collaborator.

Select `Save as Draft` to save a private draft. A confirmation dialog asks you to confirm before proceeding.

<Frame caption="Selecting Save as Draft and confirming to keep changes private">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-save-as-draft.gif?s=26ac52155b2e4634f0b83332d8f72dbf" alt="Operation Dashboard in edit mode showing Save as Draft next to Publish, then the Draft dashboard confirmation dialog with Not yet and Yes, save draft" width="1850" height="1270" data-path="images/kode-os/building-bi/bbi-dashboards-save-as-draft.gif" />
</Frame>

Use the status dropdown next to the dashboard name to switch between `Published` and `Draft` views, or to open `Version History`.

<Frame caption="Status dropdown showing Published, Draft, and Version History options">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-status-dropdown.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=d154e593a35ae30cd135b276f3699123" alt="Dashboard status dropdown showing Published, Draft with a checkmark, and Version History with an external link icon" width="500" height="183" data-path="images/kode-os/building-bi/bbi-dashboards-status-dropdown.png" />
</Frame>

<Note>
  Collaborators added through `Permissions` receive full edit access, including the ability to manage other users on that dashboard. They cannot remove the original owner.
</Note>

<Tip>
  If you want an external user to edit a dashboard without granting full access to the original, duplicate the dashboard first and share the copy.
</Tip>

## Dashboard tabs

Tabs split a dashboard into separate pages, each with its own set of widgets and data queries. Use tabs to organize analytics by topic and improve loading performance on large dashboards.

To manage tabs while in edit mode:

* **Add a tab** -- select the `+` icon next to the existing tab names. The new tab appears with an editable name field.
* **Rename a tab** -- double-click the tab name and type the new name.
* **Duplicate, delete, or save as template** -- select the three-dot menu (`...`) on the tab.

<Frame caption="Adding a new tab by selecting the + icon, with the tab name ready to edit">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-add-tab.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=dec3a854da642510507c10f6adf288f9" alt="Dashboard tab bar showing Overview, Device Details, Floor Plans tabs and a new Page 4 tab with an editable name field and the plus icon to add more tabs" width="481" height="62" data-path="images/kode-os/building-bi/bbi-dashboards-add-tab.png" />
</Frame>

<Tip>
  Split large dashboards across multiple tabs. Each tab loads its data independently, which reduces query volume and speeds up rendering.
</Tip>

## Add widgets and charts

<Steps>
  <Step title="Enter edit mode">
    Open the dashboard and select `Edit Dashboard`. The Chart List panel opens on the right side showing all available chart types.

    <Frame caption="Dashboard edit mode with the Chart List panel showing available chart types">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-chart-list.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=bc3ce1c31111e4c9f039e8468aecc79b" alt="Dashboard in edit mode showing an empty canvas with a Drag and drop chart types to the page message, and the Chart List panel on the right listing Bar, Horizontal Bar, Stacked Bar, Stacked Horizontal Bar, Combo, Line, Line Area, Stacked Line, Pie, Sunburst, Multi-Row Card, Card, Number Period, and Number Target chart types with icons" width="986" height="853" data-path="images/kode-os/building-bi/bbi-dashboards-chart-list.png" />
    </Frame>
  </Step>

  <Step title="Choose a chart type">
    Drag a chart type from the Chart List onto the canvas. The `Chart Configuration` panel opens with `Setup` and `Style` tabs. For Setup requirements by type, see [Chart types](/products/building-bi/reference/chart-types).
  </Step>

  <Step title="Select a data source">
    Choose a data source from the `Data Source` dropdown in the configuration panel. The panel shows a "Datasource required!" warning until you select one. Once selected, the available `Metrics` and `Columns` from that data source appear in the panel.

    <Frame caption="Chart Configuration panel before selecting a data source, showing the Datasource required warning">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-chart-setup.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=b6d67ddf5855fd7797390f7b7bbab7c8" alt="Dashboard in edit mode showing the Chart Configuration panel with Setup and Style tabs, a Charts section with chart type icons, a Data Source dropdown showing Data Sources with a Datasource required warning in red, and X-Axis, Legend, and Y-Axis drop zones highlighted in red with Drag or add here placeholders" width="985" height="839" data-path="images/kode-os/building-bi/bbi-dashboards-chart-setup.png" />
    </Frame>

    <Frame caption="Chart Configuration panel after selecting a data source, showing the Setup tab with metrics list and configured axes">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-setup-tab.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=2605302328da04d3cdf6cf18910db267" alt="Dashboard in edit mode with a Zone Temperature vs Effective Setpoints combo chart, Chart Configuration panel showing Setup tab with chart type icons, Data Source set to Timeseries Last Va, X-Axis set to Area Name, and Metrics list including Total Count, One Metric, Cooling Request Pe, and Heating Request P" width="1024" height="527" data-path="images/kode-os/building-bi/bbi-dashboards-setup-tab.png" />
    </Frame>
  </Step>

  <Step title="Configure data points">
    Search for columns and metrics using the search bar above the lists. Drag items into the `X-Axis`, `Y-Axis`, `Secondary Y-Axis`, and `Legend` fields to define what the chart displays.

    <Frame caption="Searching for columns in the data source and dragging them into axis fields">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-columns-search.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=37b42e3033b66ccccce7dc00f69aac9e" alt="Chart Configuration panel with Data Source set to Timeseries Last Val, a search field with area typed, Columns section showing Area Id, Area Name with an info icon, Area Name duplicate, Area Level with fx, and Area Name Grouped with fx, and X-Axis set to Area Name" width="450" height="703" data-path="images/kode-os/building-bi/bbi-dashboards-columns-search.png" />
    </Frame>

    <Frame caption="A fully configured combo chart with X-Axis, Y-Axis, and Secondary Y-Axis populated">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-chart-configured.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=209bff7b9e20ae746713aa21dea566b2" alt="Dashboard showing a configured Zone Temperature vs Effective Setpoints combo chart with bar and line series, Chart Configuration panel showing Setup tab with X-Axis set to Area Name, Y-Axis set to Zone Temp, Secondary Y-Axis set to Cooling Stpt and Heating Stpt, and Metrics list on the right" width="1024" height="792" data-path="images/kode-os/building-bi/bbi-dashboards-chart-configured.png" />
    </Frame>
  </Step>

  <Step title="Customize appearance">
    Switch to the `Style` tab to configure visual settings. Set the chart title, colors, and size. Reposition widgets on the canvas using drag-and-drop. For Style field options, see [Chart styling options](/products/building-bi/reference/chart-styling-options).

    <Frame caption="Style tab showing General, axis, legend, tooltip, data label, and color configuration sections">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-style-tab.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=1d99ef44a48ac525af5fe2a3070d3a3a" alt="Chart Configuration Style tab showing a left sidebar with General, X-Axis, Y-Axis, Secondary Y-Axis, Dynamic Units, Bar Configuration, Legends, Chart Tooltips, Bar Data Labels, Line Data Labels, Bar Colors, Line Styles, Line Colors, and Markers sections with eye icons, and the Title section expanded showing a title field set to Area name with Margin, Font set to Manro 12 px with bold italic and color options, and a Values section with Font and Margin settings" width="449" height="718" data-path="images/kode-os/building-bi/bbi-dashboards-style-tab.png" />
    </Frame>
  </Step>

  <Step title="Save your changes">
    Select `Save as Draft` to keep changes private, or `Publish` to push them live.
  </Step>
</Steps>

<Tip>
  Use the three-dot menu on any chart to duplicate or delete it. You can also select multiple widgets at once by holding <kbd>Shift</kbd> and clicking each widget, then apply style changes in bulk.
</Tip>

## Widget setup and configuration

Each widget has two configuration tabs: `Setup` and `Style`. The options available in both tabs vary depending on the chart type you select. A [Combo](/products/building-bi/reference/chart-types#combo) chart exposes X-Axis, Y-Axis, Secondary Y-Axis, and Legend fields along with bar and line style controls, while a [Card](/products/building-bi/reference/chart-types#card) widget only requires a single metric and offers title and number formatting options. Always configure the `Setup` tab first to define your data, then switch to `Style` to adjust the visual presentation.

Hover over configuration fields to see inline tooltips that explain each setting. See [Configuration field tooltips](/products/building-bi/widget-customization#configuration-field-tooltips) for coverage across widget setup, filters, and time range controls.

### Setup tab

The `Setup` tab controls which data the widget displays and how it is structured. Available fields from your data source are split into two categories:

* **Metrics** — pre-aggregated values such as averages, sums, or counts. Click the `fx` button next to a metric name to view its underlying formula.
* **Columns** — fields pulled directly from the data source. Calculated columns also display the `fx` indicator.

<Warning>
  You cannot edit calculated metric or calculated column formulas from the `fx` popup in the chart configuration. To modify the formula, go to the data source directly. See [Data sources](/products/building-bi/data-sources) for details.
</Warning>

Each field displays an icon indicating its data type:

| Icon     | Data type |
| -------- | --------- |
| `#`      | Number    |
| `A`      | String    |
| Calendar | Date/time |
| Switch   | Boolean   |

Depending on the chart type, the `Setup` tab includes some or all of the following parameters:

<ParamField path="X-Axis / Y-Axis" type="Field">
  The primary dimensions for your data. Define what appears on each axis of the chart.
</ParamField>

<ParamField path="Legend (Breakdown)" type="Field">
  Splits data into categories. For example, break down total energy usage by individual floors.
</ParamField>

<ParamField path="Filters" type="Field">
  Restricts the data shown in the chart. Filter by time range, device name, ontology type, or any column value.
</ParamField>

<ParamField path="Top N" type="Field">
  Limits the chart to the highest or lowest N values. For example, set `Top N` to `5` to show only the five highest-consuming units.
</ParamField>

<ParamField path="Sort Order" type="Field">
  Organize the chart by a column's values. Click the double-arrow icon (`⇅`) next to any column to change its sort direction. Drag columns in the `Sort Order` section to set priority.
</ParamField>

<ParamField path="Data Refresh Interval" type="Field">
  Controls how often the chart queries new data. Set this to the longest acceptable interval to optimize dashboard loading times.
</ParamField>

When you add a column or metric to a parameter, select the arrow (`>`) next to it to open additional options. You can rename the `Display Name`, choose an `Aggregate Function` (Average, Sum, Min, Max, Count, or Count distinct), apply breakdown dimensions, or hide the field from tooltips.

<Frame caption="Column options showing Display Name, Aggregate Function, and additional settings">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-column-options.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=e53fa5ddbdf9ee02261817ccc40bffd1" alt="Column options popup for Cooling Stpt showing Display Name field, Original name Cooling Setpoint, Aggregate Function radio buttons with Average selected and Sum, Min, Max, Count, Count distinct options, Apply breakdown dimensions checkbox, Hide on tooltip checkbox, and Cancel and Save buttons" width="872" height="517" data-path="images/kode-os/building-bi/bbi-dashboards-column-options.png" />
</Frame>

### Style tab

The `Style` tab controls visual presentation without changing the underlying data. The sections available depend on the chart type. For example, a combo chart includes separate sections for bar colors, line colors, line styles, and a secondary Y-axis, while a pie chart offers slice colors and label positioning instead.

Common style sections include:

* **General** -- title font, padding, background, and corner radius
* **X-Axis / Y-Axis** -- axis labels, margins, font, and rotation
* **Legends** -- position, font, and visibility
* **Chart Tooltips** -- tooltip content and formatting
* **Data Labels** -- value labels on bars, lines, or slices
* **Colors** -- bar colors, line colors, or series colors depending on chart type
* **Markers** -- data point markers on line charts

Chart-specific sections appear only when relevant. Look up every Style field and the per-type section matrix in [Chart styling options](/products/building-bi/reference/chart-styling-options). Toggle individual style features on or off using the eye icon next to each section.

### Chart types

Building BI supports more than 35 widget types. Use [Chart types](/products/building-bi/reference/chart-types) for Setup requirements per widget. Use [Choosing visualizations](/products/building-bi/concepts/choosing-visualizations) when you need selection guidance.

| Category             | Chart types                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Bar and column       | [Bar](/products/building-bi/reference/chart-types#bar), [Horizontal Bar](/products/building-bi/reference/chart-types#horizontal-bar), [Stacked Bar](/products/building-bi/reference/chart-types#stacked-bar), [Horizontal Stacked Bar](/products/building-bi/reference/chart-types#horizontal-stacked-bar)                                                                                                                                                                                                                                                                                                                                                                     |
| Line and area        | [Line](/products/building-bi/reference/chart-types#line), [Line Area](/products/building-bi/reference/chart-types#line-area), [Stacked Line](/products/building-bi/reference/chart-types#stacked-line), [Time Series](/products/building-bi/reference/chart-types#time-series)                                                                                                                                                                                                                                                                                                                                                                                                 |
| Combo and comparison | [Combo](/products/building-bi/reference/chart-types#combo), [Scatter](/products/building-bi/reference/chart-types#scatter), [Advanced Scatter](/products/building-bi/reference/chart-types#advanced-scatter)                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| Distribution         | [Pie](/products/building-bi/reference/chart-types#pie), [Sunburst](/products/building-bi/reference/chart-types#sunburst), [Polar Bar](/products/building-bi/reference/chart-types#polar-bar), [Stacked Polar Bar](/products/building-bi/reference/chart-types#stacked-polar-bar), [Treemap](/products/building-bi/reference/chart-types#treemap)                                                                                                                                                                                                                                                                                                                               |
| Statistical          | [Heatmap](/products/building-bi/reference/chart-types#heatmap), [Boxplot](/products/building-bi/reference/chart-types#boxplot), [Horizontal Boxplot](/products/building-bi/reference/chart-types#horizontal-boxplot), [Sankey](/products/building-bi/reference/chart-types#sankey)                                                                                                                                                                                                                                                                                                                                                                                             |
| Number and KPI       | [Card](/products/building-bi/reference/chart-types#card), [Multi-row Card](/products/building-bi/reference/chart-types#multi-row-card), [Number (Period)](/products/building-bi/reference/chart-types#number-period), [Number (Target)](/products/building-bi/reference/chart-types#number-target), [Number with Trend-line](/products/building-bi/reference/chart-types#number-with-trend-line), [Gauge](/products/building-bi/reference/chart-types#gauge)                                                                                                                                                                                                                   |
| Tables               | [Table Raw](/products/building-bi/reference/chart-types#table-raw), [Table Pivot](/products/building-bi/reference/chart-types#table-pivot), [Table Aggregated](/products/building-bi/reference/chart-types#table-aggregated)                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| Specialized          | [Text](/products/building-bi/reference/chart-types#text), [IFrame](/products/building-bi/reference/chart-types#iframe), [Weather](/products/building-bi/reference/chart-types#weather), [Slicer](/products/building-bi/reference/chart-types#slicer), [Navigation](/products/building-bi/reference/chart-types#navigation), [Graphics](/products/building-bi/reference/chart-types#graphics), [Timeline](/products/building-bi/reference/chart-types#timeline), [Tree](/products/building-bi/reference/chart-types#tree), [Picture](/products/building-bi/reference/chart-types#picture), [Building Date Time](/products/building-bi/reference/chart-types#building-date-time) |

## Dashboard filters

Dashboard filters let you apply filter criteria across all widgets at once, instead of configuring filters on each chart individually. See [filter options](/products/building-bi/reference/filter-options) for operators and scopes.

Building BI supports two filter scopes:

* **Dashboard-level filters** — apply to every tab in the dashboard.
* **Page-level filters** — apply only to the widgets on the current tab.

To add a filter, select the filter icon in the edit mode sidebar to open the Filters panel. Configure cross-filtering, drill-through filtering, and drag columns from your data source into the `Dashboard Filters`, `Page Filters`, or `Drill Through Columns` fields.

<Frame caption="Filters panel showing dashboard filters, page filters, and drill-through columns with the data source columns list">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-filters.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=cd6690765a05aa526d1477aa9ba8cdb8" alt="Filters panel showing Cross-filtering enabled, Drill through filtering and Keep all filters options, Dashboard Filters with Date Time Local set to Last 365 Days, Page Filters and Drill Through Columns drop zones, and a Data Source set to Timeseries Last Va with Columns list including Connector Id, Connector Name, Building Id, Building Name, Building Region, Building Type, Building Sqft, Area Id, and Area Name" width="1024" height="518" data-path="images/kode-os/building-bi/bbi-dashboards-filters.png" />
</Frame>

Pin frequently used filters to keep them visible at the top of the dashboard. Pinned filters remain accessible outside of edit mode so viewers can adjust them.

<Note>
  **Graphics** widgets on the same dashboard respond to slicers, dashboard filters, page filters, and cross-filter selections from other widgets. Marker visibility updates automatically; underlying data queries are unchanged. See [Enhanced graphic view](/products/building-bi/widget-customization#enhanced-graphic-view).
</Note>

<Warning>
  Pinned filters are not included in PDF exports. If you export a dashboard to PDF, the exported data reflects the current filter state but the filter controls themselves do not appear in the output.
</Warning>

## Dashboard options

Select the dashboard options icon in the edit mode sidebar to configure layout and display settings for the entire dashboard.

<Frame caption="Dashboard Options panel showing canvas size, grid, color palette, swap/push properties, and margins">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-options.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=eb2f5de427812b89dab3f33cac59e495" alt="Dashboard Options panel showing Canvas section with Size set to Auto and Background color toggle, Grid set to On drag and Resize with Background color toggle, Color Palette section with Restrict to Palette dropdown, Properties section with Swap charts and Push charts radio buttons, and Margins section with Top, Right, Bottom, Left all set to 0 px and Spacing set to 0 px" width="1024" height="717" data-path="images/kode-os/building-bi/bbi-dashboards-options.png" />
</Frame>

<ParamField path="Auto-Refresh" type="Field">
  Set a refresh interval for the dashboard. Choose shorter intervals (such as every minute) for live operational data, or longer intervals (hourly or daily) for historical trends.
</ParamField>

<ParamField path="Grid Lines" type="Toggle">
  Show or hide grid lines on the dashboard canvas to help align widgets.
</ParamField>

<ParamField path="Background Color" type="Field">
  Set the background color for the dashboard canvas.
</ParamField>

<ParamField path="Push/Swap Charts" type="Toggle">
  When enabled, dragging a widget pushes or swaps adjacent widgets instead of overlapping them. This keeps the layout organized as you rearrange widgets.
</ParamField>

<ParamField path="Canvas Size" type="Field">
  Choose between `Auto Size`, `Fixed`, or `Max Width`. `Auto Size` adjusts the canvas to the viewer's screen. `Fixed` sets a specific pixel width and adds a horizontal scroll bar on smaller screens. `Max Width` limits the canvas to a maximum pixel width.
</ParamField>

<ParamField path="Page Margins" type="Field">
  Controls the spacing around the edges of the dashboard canvas.
</ParamField>

<ParamField path="Mobile Layout" type="Toggle">
  Toggle the mobile layout icon to reorganize and resize widgets for smaller screens. The mobile editor shows a phone-shaped canvas with a `Layout Setup` panel. Use `Place All` to auto-arrange widgets, or drag them manually. Remove individual widgets with the `X` button on each card.
</ParamField>

<Frame caption="Mobile Layout editor showing a phone-shaped canvas with widget cards and the Layout Setup panel">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-mobile-layout.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=152c0f90c502e201050da705bfcf4859" alt="Dashboard mobile layout editor showing a phone-shaped canvas with a KODE logo widget, a building image widget, and a weather widget, and a Layout Setup panel on the right with Place All and Remove All buttons and a No charts available message indicating all charts have been placed" width="1024" height="779" data-path="images/kode-os/building-bi/bbi-dashboards-mobile-layout.png" />
</Frame>

## Default widget style

The `Default Widget Style` panel sets baseline styling for all new widgets you add to the dashboard. Select the default widget style icon in the edit mode sidebar to configure paddings, background color, title font, and tooltip settings. Any widget you create after setting these defaults inherits these values automatically.

<Frame caption="Default Widget Style panel showing padding, background, title font, and tooltip settings">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-default-style.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=a33e32a9bc0947eb82205fcf3e01c6b3" alt="Default Widget Style panel showing Paddings with Left, Top, Right, and Bottom all set to 0 px, Background with Fill Color toggle, Title section with Word wrap checkbox and Font set to Manrope 14 px with bold, italic, uppercase, underline, and color options, and Tooltip section with Icon Color setting" width="1024" height="787" data-path="images/kode-os/building-bi/bbi-dashboards-default-style.png" />
</Frame>

## Template Library

The `Template Library` panel in the edit mode sidebar lets you browse and add chart and page templates directly to the dashboard you are editing. See [Templates](/products/building-bi/templates) for full documentation.

<Frame caption="Template Library panel in the dashboard edit sidebar showing chart templates">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-template-library.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=5bf3722ceeca54a4ad48d1ab90f3f34d" alt="Template Library panel with Charts filter selected showing Organization Templates tab with chart templates including Estimated Emissions by Service Type, Usage Breakdown by Service Type, Zone Temperature vs Effective Setpoints, Occupied AHUs, and Occupied FCUs" width="1024" height="703" data-path="images/kode-os/building-bi/bbi-dashboards-template-library.png" />
</Frame>

## Manage dashboards

The `My Dashboards` section lists all dashboards you have created or have access to.

Click the star icon next to a dashboard name to mark it as a favorite. Favorited dashboards appear in the left navigation pane for quick access.

Select the three-dot menu on any dashboard row for additional options.

<Frame caption="Dashboard three-dot menu with Edit, Duplicate, Permissions, Save as template, and Delete options">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-menu.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=d7875607d8703455512ae27059c16702" alt="My Dashboards table showing a three-dot menu on the Operations Dashboard row with Edit, Duplicate, Permissions, Save as template, and Delete options" width="960" height="315" data-path="images/kode-os/building-bi/bbi-dashboards-menu.png" />
</Frame>

| Action             | Description                                         |
| ------------------ | --------------------------------------------------- |
| `Edit`             | Update the dashboard name, timezone, or description |
| `Duplicate`        | Create a copy of the dashboard with all its widgets |
| `Permissions`      | Add collaborators to the dashboard                  |
| `Save as template` | Save the dashboard layout as a reusable template    |
| `Delete`           | Permanently remove the dashboard                    |

### Dashboard permissions

Select `Permissions` to manage who can edit the dashboard. Use the `Collaborators` tab to add individual users. Collaborators receive read and edit access, including the ability to manage other collaborators. The dashboard owner is displayed at the top and cannot be removed or reassigned.

The `Roles` and `Users` tabs are legacy. Use [collections](/products/building-bi/collections) to grant view access by role. See [How Building BI permissions work](/products/building-bi/concepts/how-permissions-work).

<Frame caption="Dashboard Permissions dialog showing the Collaborators tab with users and roles">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-permissions.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=9eaa59be3372c00b8e17b5583465666f" alt="Dashboard Permissions dialog for Operations Dashboard showing Owners as Diellza Gashi, Roles, Users, and Collaborators tabs with the Collaborators tab active displaying a table with Urtina Gashi as SuperAdmin and an Add Users button" width="781" height="630" data-path="images/kode-os/building-bi/bbi-dashboards-permissions.png" />
</Frame>

## Dashboard actions menu

Select the three-dot menu in the top-right corner of a published dashboard to access sharing, export, and scheduling options.

<Frame caption="Dashboard actions menu with Share, Deploy, Export, Version History, and Schedule PDF Report options">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-actions-menu.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=8609ea4442695f5e6e6b5c8dcaf50b6d" alt="Operations Dashboard in Published state showing the three-dot menu with Share, Deploy, Export, Version History, and Schedule PDF Report options, with Overview, Device Details, and Floor Plans tabs and a weather widget visible" width="1024" height="501" data-path="images/kode-os/building-bi/bbi-dashboards-actions-menu.png" />
</Frame>

## Share dashboards and widgets

You can share entire dashboards or individual widgets through shareable links.

### Share a dashboard

<Steps>
  <Step title="Open the share dialog">
    Select the three-dot menu on the dashboard and choose `Share`.
  </Step>

  <Step title="Configure share settings">
    Set the pages to share, access expiration period, link title, refresh rate, and allowed IPs. The dialog also shows `Active` and `Expired` shared links.

    <Frame caption="Sharing properties dialog with page selection, expiration, refresh rate, and IP restrictions">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-share.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=045755421c41ed2c3d851b0d29b63646" alt="Sharing properties dialog showing an info banner about dashboard data reflecting current filters, Choose pages to share set to All selected, Access Expiration set to 1 hour, Link title field, Refresh rate set to None, Allowed IPs field set to wildcard, Active 0 and Expired 4 tabs, and Cancel and Generate Link buttons" width="601" height="629" data-path="images/kode-os/building-bi/bbi-dashboards-share.png" />
    </Frame>
  </Step>

  <Step title="Generate and copy the link">
    Select `Generate Link`, then select the link icon to copy the URL to your clipboard.
  </Step>
</Steps>

### Share an individual widget

Select the three-dot menu on any widget and choose `Share`. The widget share dialog provides the same options as the dashboard share dialog.

### Manage shared links

The `Active` and `Expired` tabs at the bottom of the Sharing properties dialog list all generated links. To revoke access, delete the link from the Active list. For portfolio-wide link management, see [Building BI settings](/products/building-bi/settings#shared-links).

## Export and schedule PDF reports

Use the dashboard three-dot menu to export a one-time PDF or create a recurring scheduled report. Full steps, fields, and schedule management are in [PDF exports and scheduled reports](/products/building-bi/pdf-exports).

<Info>
  Create one-time exports and schedules in [PDF exports and scheduled reports](/products/building-bi/pdf-exports). Manage active links and schedules in [Building BI settings](/products/building-bi/settings). For who can share or schedule, see [How Building BI permissions work](/products/building-bi/concepts/how-permissions-work).
</Info>

## Publish a dashboard

<Steps>
  <Step title="Open the publish dialog">
    Select `Publish` in the top-right corner of the dashboard while in edit mode.
  </Step>

  <Step title="Confirm publishing">
    Review the confirmation window and confirm to publish the dashboard. The status changes from `Draft` to `Published`.
  </Step>
</Steps>

<Warning>
  Publishing makes the dashboard available to all users with access to Building BI. Verify your dashboard content before publishing.
</Warning>

## Version history

Version history tracks every save, publish, and restore action on a dashboard. Every saved version is stored with its date, author, and an optional name. You can preview any past version, restore it as a draft, and maintain a complete audit trail of all published changes.

### Access version history

You can open version history in two ways:

* **From the three-dot menu** -- select the three-dot menu on the dashboard and choose `Version history`. History opens in a new tab.
* **From the status chip** -- select the `Published` or `Draft` chip at the top of the dashboard, then choose `Version History`.

The version timeline opens alongside the dashboard preview.

<Frame caption="Opening Version history from the dashboard three-dot menu">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-version-history-open.gif?s=e9b39ebd97f678f30651db232fa8048e" alt="Opening a draft dashboard, selecting Version history from the three-dot menu, and loading Version History in a new browser tab" width="694" height="474" data-path="images/kode-os/building-bi/bbi-dashboards-version-history-open.gif" />
</Frame>

<Frame caption="Version History panel showing a timeline of published, draft, and restored versions">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-version-history.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=9b8ceaaad33e1b5174259e89d9b4cdcf" alt="Operation Dashboard version history with Cancel and Restore as Draft actions, dashboard preview on the left, and a Version history panel listing Published and Previously Published entries with pencil icons" width="1850" height="1270" data-path="images/kode-os/building-bi/bbi-dashboards-version-history.png" />
</Frame>

Each entry shows the timestamp, author initial, and status label:

* **Published** -- the currently live version.
* **Previously Published** -- a past version that was live at the time.
* **Previous Version** -- a saved draft that was never published.
* **Restored** -- a version that was restored from history.

<Frame caption="Version History timeline with entries showing status labels and an edit icon on the selected version">
  <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-version-list.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=981f08655b5b2963115783ab09b55a7a" alt="Version History panel showing entries for 11/12/2025 Published, 19/09/2025 Previously Published, 02/06/2025 Previous Version, 02/06/2025 Previously Published with an edit icon, and 02/06/2025 Previously Published" width="475" height="391" data-path="images/kode-os/building-bi/bbi-dashboards-version-list.png" />
</Frame>

<Tip>
  Select the pencil icon on any version entry to give it a descriptive name. Clearing the name reverts the label to the original timestamp.
</Tip>

### Work with drafts

Draft mode lets you make changes to a dashboard without affecting what other users see in the published version.

<Steps>
  <Step title="Enter draft mode">
    Select `Edit Dashboard` to open the active draft. If no draft exists, one is created automatically.
  </Step>

  <Step title="Make and save changes">
    Edit the dashboard as needed. Select `Save Draft` to save your progress. Draft changes remain private and do not affect the live dashboard.
  </Step>

  <Step title="Publish the draft">
    When your changes are ready, select `Publish` to make the draft the new live version.
  </Step>
</Steps>

Use the `Published`/`Draft` chip dropdown to switch between the read-only published version and your active draft at any time.

### Restore an older version

<Steps>
  <Step title="Open version history">
    Access `Version History` using either method described above.
  </Step>

  <Step title="Preview a version">
    Select any version in the list to preview its contents on the dashboard canvas. Select the pencil icon on an entry to rename it.
  </Step>

  <Step title="Restore or publish">
    Choose one of the available actions:

    * **Restore as Draft** -- available for all versions. Creates a new draft with the selected version's contents without affecting the currently published dashboard.
    * **Publish** -- available when a previous version is selected. Makes the selected version the live dashboard immediately.

    <Frame caption="Restore as Draft and Publish actions for a selected previous version">
      <img src="https://mintcdn.com/kodelabs/B4MTivRlYKOrn2ok/images/kode-os/building-bi/bbi-dashboards-version-restore.png?fit=max&auto=format&n=B4MTivRlYKOrn2ok&q=85&s=58eaf875379243fc4799a7ee4836e54c" alt="Version history header showing Cancel, Restore as Draft, and Publish buttons next to the Version history panel" width="546" height="258" data-path="images/kode-os/building-bi/bbi-dashboards-version-restore.png" />
    </Frame>
  </Step>
</Steps>

<Note>
  Restoring a version as a draft does not overwrite the current published dashboard. A new version history entry is added automatically when you publish the restored draft.
</Note>

## Templates

Templates let you save and reuse dashboard layouts, individual tabs, or chart configurations across dashboards and sites. See [Templates](/products/building-bi/templates) for full documentation on saving, importing, exporting, and applying templates.

## Role access

Access to Building BI is controlled through roles in Launchpad.

<Steps>
  <Step title="Navigate to role settings">
    Go to `Launchpad` > `Apps` > `Cloud BMS` > `Roles`.
  </Step>

  <Step title="Enable Building BI permissions">
    Locate the BBI module and enable `Read` or `Read/Write` permissions for the appropriate role.
  </Step>
</Steps>

<Info>
  You need admin access to modify role permissions. Contact KODE Support if you do not have the required access level.
</Info>

## Sensor health and data quality dashboards

Platform **point bounds** flag readings outside expected ranges with an **Out of Range** state. Building BI does not surface a default sensor health view automatically. Data analysts should build dashboards that make out-of-range points visible to operators.

### Recommended dashboard views

| View                          | Purpose                                                                                |
| ----------------------------- | -------------------------------------------------------------------------------------- |
| **Out-of-range point list**   | Table of points currently outside configured bounds, with device, area, and last value |
| **Counts by area or device**  | Bar or KPI widgets that prioritize calibration work by floor, system, or equipment     |
| **Trend with bounds context** | Time-series charts filtered to out-of-range events for investigation                   |

### Build a sensor health dashboard

<Steps>
  <Step title="Use point time series data">
    Build from a Point Time Series data source. Run **Sync Datasource** after bounds are enabled so the latest status fields are available. See [Point bounds and unit conversion](/products/building-bi/data-sources#point-bounds-and-unit-conversion).
  </Step>

  <Step title="Filter out-of-range readings">
    Add filters or calculated columns that exclude or highlight readings where `cur_state` includes **Out of Range**. Use platform bounds logic instead of static ontology thresholds where possible.
  </Step>

  <Step title="Exclude bad data from KPIs">
    In metrics that power portfolio rollups, exclude out-of-range values so failing sensors do not skew averages or totals.
  </Step>

  <Step title="Deploy across sites">
    Save the dashboard as a [template](/products/building-bi/templates) or deploy through [Deployment Manager](/products/building-bi/deployment-manager). Use unit conversion in metrics when the same ontology field reports in different units across buildings.
  </Step>
</Steps>

<Tip>
  Start from the **Data Quality** global template in [Templates](/products/building-bi/templates#global-templates), then extend it with bounds-aware filters and prioritization views.
</Tip>

## Related reading

<CardGroup cols={2}>
  <Card title="Choosing visualizations" icon="chart-column" href="/products/building-bi/concepts/choosing-visualizations" arrow={true}>
    Match chart types to the question you need to answer.
  </Card>

  <Card title="How filtering works" icon="filter" href="/products/building-bi/concepts/how-filtering-works" arrow={true}>
    Learn how filters interact across widgets and pages.
  </Card>

  <Card title="Chart types" icon="bar-chart-3" href="/products/building-bi/reference/chart-types" arrow={true}>
    Look up Setup requirements for every widget type.
  </Card>

  <Card title="Filter options" icon="list-filter" href="/products/building-bi/reference/filter-options" arrow={true}>
    Review operators, scopes, and filter configuration fields.
  </Card>
</CardGroup>

## Next steps

<CardGroup cols={2}>
  <Card title="Widget customization" icon="palette" href="/products/building-bi/widget-customization" arrow={true}>
    Customize chart styles, colors, and layouts for your dashboard widgets.
  </Card>

  <Card title="Collections" icon="folder" href="/products/building-bi/collections" arrow={true}>
    Organize dashboards into collections for easier navigation.
  </Card>

  <Card title="Data sources" icon="database" href="/products/building-bi/data-sources" arrow={true}>
    Connect and manage the data sources that power your dashboards.
  </Card>

  <Card title="Deployment manager" icon="rocket" href="/products/building-bi/deployment-manager" arrow={true}>
    Deploy dashboards across multiple sites from a single template.
  </Card>
</CardGroup>
