Customizing Dashboard Widgets

Customizing Dashboard Widgets

The Dashboards can be customized to your liking, and allows you to add a number of different widgets based on what you want to have the quickest access to, from a single view.


Below you will find instructions on how to add and modify some of the most used widgets.

Device Summary

The device summary widget allows you to add a quick link and key points from devices right to your home screen. Most often used for major pieces of equipment such as boilers and chillers, it provides operational information at a glance.


To Configure a Device Summary widget:
    1. Navigate to the Dashboard and click on the 3 dots button on the top right corner.
    2. Select Add Widget from the drop-down menu that appears.
    3. Select the Device Summary Widget and click on Add.

  1. The Card Configurator will open up where you can give this widget a name, description and label. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox.
                              
  1. Once you click on Next, use Base Filters to narrow down the type of device and type of points that you want to display.
  2. On the same page, use Fields to select the point values.
  3. Use Devices to select the device you wish to place on the Device Summary Widget.

System Summary

The system summary widget allows you to add a quick link and key points from systems right to your home screen. 


To Configure a System Summary widget:

  1. Navigate to the Dashboard and click on the 3 dots button on the top right corner.
  2. Select Add Widget from the drop down menu that appears.
  3. Select System Summary Widget and click on Add
      1. The Card Configurator will open up where you can give this widget a name, description and label. You can also make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 
      2. Once you click on Next, use Base Filters to narrow down the type of system and type of points that you want to display.
      3. On the same page, use Fields to select the point values of the system you wish to place on the system summary.

Network Status Widget

The Network Status widget indicates whether or not your equipment is communicating to KODE OS. While often configured for the entire building, the network status widget can be further filtered to the specific type of devices most important for your workflow.


    1. Navigate to the Dashboard and click on the 3 dots button on the top right corner.
    2. Select Add Widget from the drop down menu that appears.
    3. Select Network Status and click on Add



  1. The Card Configurator will open up where you can give this widget a name, description and label. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 
  2. Apply Base Filters if you want to narrow down your network status widget.

Event Overview Widget

The Event Overview widget provides a quick summary of all events in your building. It gives you the opportunity to choose different fields based on devices, status, type, start time etc.

    1. Navigate to the Dashboard and click on the 3 dots button on the top right corner.
    2. Select Add Widget from the drop down menu that appears.
    3. Select Events and click on Add.


    1. The Card Configurator will open up where you can give this widget a name, description and label. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 
    2. Apply filters such as Status, Priority, Event Class, Types, Acknowledged, Area, Devices according to your liking.

Chart Widget

  1. Navigate to the Dashboard and click on the 3 dots button on the top right corner.
  2. Select Add Widget from the drop down menu that appears.
  3. Select Chart and click on Add.


    1. The Card Configurator will open up where you can give this widget a name, description and label. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 
    2. While on the Card Details phase you are able to choose the data source and the chart type as seen on the screenshot below. 


    1. In the Filters section, based on the type you choose you will then have to apply the filters choosing which devices, points, and data in general that you want to see on the chart.
    1. In the Chart Details section you will be able to see a preview of the chart you’re creating as well as choose a number of other filters as seen below.



Other Widgets

The dashboards offers a number of other widgets that can be added. These widgets include:

  1. Text Widget

  1. The text widget is used to add text into the dashboard. The text can be a further elaboration of another widget, it can be insights into the building, or notes that you choose to write to your liking. 
  2. Adding it takes two steps:
    1. Select Text from the Add Widget window.
    2. Insert the Name, Label and Text on the Add Text window, and save.

  1. Picture Widget

  1. The picture widget is used to upload any picture on the dashboard. This picture is usually the building picture but it can be used to your liking.
  2. Adding it takes two steps:
  1. Select Picture from the Add Widget window
  2. Click on Choose Image and choose the picture you want to upload, and save.

  1. Counter Widget

  1. The counter widget is used to count the number of devices, points and others, based on the data source you select.
  2. To add it follow the below steps:
    1. Select Counter from the Add Widget Window
    2. Insert a name, description, label and data source. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 
    3. Apply the filters based on the data source you chose to count, and save.

  1. Weather Widget

  1. The weather widget is used to show the daily and weekly weather in the location of your building.
  2. To add it follow the below steps:
    1. Select Weather Forecast from the Add Widget Window
    2. Insert a name, description and label. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 
    3. Click on chart details for an overview and save.

Camera Widget

    • The camera widget is used to show camera feeds throughout the building.

    • It also allows you to embed any link of your choice as well.

    • To add it follow the below steps:

      • Select Camera from the Add Widget Window

      • Choose a camera type from the dropdown menu.

      • Insert a name, description and label. You can also make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 

      • Click on next, to go to the Filters Section.

      • Depending on the type, insert the listed information.

        • Uri

          • Insert the camera link.

          • Enter the authorization key.

          • Choose content type.

        • iFrame

          • Insert any link of your choice.

        • Device

          • Select the data source the device is coming from.

          • Select the camera of your choice.

      • Click on Chart Details or Next for an overview and Save.

Raw Data Widget

    • The Raw Data widget is used to show any type of data coming from different data sources.

      • To add it follow the below steps:

        • Select Raw Data from the Add Widget Window.

        • Insert a name, data source and label. You can as well make this widget available on mobile or not by clicking on the Display on Mobile checkbox. 

        • Based on the data source you select, a number of entities will be available. Select the one of your choice from the drop down menu.

        • Click on next, to go to the Filters Section. The filter section includes a number of dynamic filters which depend on the Data Source of choice.

        • Once you have selected the filters click on Next for a preview of the data and save to save your changes.

BIM Widget

  1. The BIM widget is used to show BIM files and models in the Site Dashboard.

    1. To add it follow the below steps:

      • Select BIM from the Add Widget Window.

      • Insert a name, and select the 3D Model File from the dropdown provided, which you can upload through Admin > Building > Files.

      • Click on Next to go to the Model labels section, where you can select devices which you would like to add to the model you have uploaded.

      • Once you have selected the devices, click on save to save your changes.


    • Related Articles

    • Shareable Links - Widgets

      Users who have access to KODE OS can create a shareable link of the widgets directly from the site homepage dashboards and then share that link with any external users. Creating a shareable link makes it simple to share a widget and its data in an ...

    • Navigating through the Site Dashboard

      The Site Dashboard is the main menu for a building which is displayed after selecting a desired building from the building cards on the map view. The menu is broken down and organized into widgets which represent a feature of KODE OS filtered for the ...

    • FDD Dashboard

      Fault Detection and Diagnostics (FDD) is a proactive process that identifies and analyzes system failures or faults within a building's infrastructure at their earliest stages. By detecting these faults early on, FDD enhances system performance, ...

    • Navigating and Customizing Portfolio Dashboards

      The second highlighted feature of the KODE OS platform is Dashboards. This functionality empowers users to personalize portfolio dashboards based on specific requirements and the type of data you wish to display. To manage this page, the main button ...

    • Functional Testing Tool (FTT) Dashboard

      Functional Testing serves as a digital commissioning tool designed to validate the operational functionality of the equipment. KODE Labs accommodates a diverse range of tests applicable to various types of equipment, with its primary usage centered ...