--- title: "Widget Configurations" slug: "widget-configurations-12-1" status: "new" updated: 2026-02-27T14:44:24Z published: 2026-03-19T14:21:54Z canonical: "docs.bazefield.com/widget-configurations-12-1" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.bazefield.com/llms.txt > Use this file to discover all available pages before exploring further. # Widget Configurations A **widget** is a tool that allows users to visualize their data in various ways. Some widgets rely on data from **data sources**, while others use information from **internal configurations**. Below are the different widgets and their functionalities: | Widgets | Type | App Types | Supported Data Source | Synchronization, as a listening widget (See [Widget synchronization](/product/docs/widget-synchronizations-2)) | | --- | --- | --- | --- | --- | | Time Series Trend ([Time Series Trend](/product/docs/time-series-trend-2)) | Trend | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ( [Availability Statistics Data Source](/product/docs/availability-statistics-2)) | **Yes** | | XY ([XY](/product/docs/xy-2)) | Chart | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) | **Yes** | | Waterfall | Analytics Apps | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ( [Availability Statistics Data Source](/product/docs/availability-statistics-2)) | No | | Time Summarized Metrics | Data Tables | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ( [Availability Statistics Data Source](/product/docs/availability-statistics-2)) | No | | Single KPI | Data Tables | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ([Availability Statistics Data Source](/product/docs/availability-statistics-2)) | **Yes** | | Report Comment | Customization | Report | No | No | | Report Writer | Customization | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ([Availability Statistics Data Source](/product/docs/availability-statistics-2)) & AssetAttributes ([Asset Attribute Datasource](/product/docs/asset-attribute-2)) | No | | Real Time Map | Monitoring Apps | Dashboard | No | No | | HTML Composer | Customization | Dashboard & Report | No | No | | Heatmap | Chart | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) | No | | Event Log | Monitoring Apps | Dashboard & Report | No | **Yes** | | Category Bar Chart | Chart | Dashboard | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ( [Availability Statistics Data Source](/product/docs/availability-statistics-2)) | No | | Asset Summarized Metric | Data Tables | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ([Availability Statistics Data Source](/product/docs/availability-statistics-2)) & AssetAttributes ( [Asset Attribute Datasource](/product/docs/asset-attribute-2)) | **Yes** | | Asset Metric Chart | Chart | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ( [Availability Statistics Data Source](/product/docs/availability-statistics-2)) | No | | Analytic map | Monitoring Apps | Dashboard | Points ([Point Datasource](/product/docs/point-2)) | No | | Site Operations | Monitoring Apps | Dashboard | Points ([Point Datasource](/product/docs/point-2)) & Availabilty Stats ([Availability Statistics Data Source](/product/docs/availability-statistics-2)) | No | | Pie Chart | Chart | Dashboard & Report | Points ([Point Datasource](/product/docs/point-2)) & Cases & Allocations ( allocation data sources are built-in data sources that are automatically available for all apps and cannot be modified) | **Yes** | > All synchronization-compatible widgets can listen to: > > - Event Log ([Event Log](/product/docs/event-log-3)) for time range selection > - Event Log ([Event Log](/product/docs/event-log-3)) , Asset Metric Chart ([Asset Metric Chart](/product/docs/asset-metric-chart-3)) and Asset Summarized Metrics ([Asset Summarized Metrics](/product/docs/asset-summarized-metrics)) for object selection ### Widgets supporting datasources For widgets that support data sources, the configuration interface is unified and always consists of two tabs: - **General tab** — Contains the list of available data sources the widget can use, along with output settings that define how the data is displayed in the widget. - **Advanced tab** — Provides additional, more specific configuration options (not all widget have this option). The **General** tab is divided into two sections: the **Linked Datasources** table and the **Output Configuration**. #### Linked Datasource table The **Linked Datasource Table** is a shared component used across all widgets that support data sources. It displays the types of data sources that can be connected to the widget and shows the intersection between: - Data sources linked to the application, and - Data sources supported by the widget. Within this table, users can view all the configured data for each data source. They can also determine whether a data source uses the app’s global time filter or if it has custom date settings. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-F91J51EM.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) Users can create a new data source directly by clicking **“+ Create new Data Source for App”**. This action will automatically publish and link the data source to the current app. Alternatively, users can link an existing data source using the **“Link Data Source to App”** button. > **Note:** After making any changes, users must click the **Refresh** button to update the linked data source table. From the widget itself, users also have quick access to manage each linked data source. They can: - Open the data source in a new tab, - Add a new point, - Add a new attribute - Add a new calculation. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(499).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) **Add Point** (available on the *Points* tab only): allows to add a point outside the data source. Information to enter: - *Point*: The point to add. The proposed points are those of the concerned asset. - *Time Period Aggregate*: How the values will be aggregated over time (average over the period, minimum, maximum, etc.) - *Data Name*: The name that will be given to this element on the widget (both for configuration and final display) - *Multi Asset Aggregation*: How the values will be aggredated (no aggregation, sum or average) for display if multiple assets are selected ![Report_writer-addPoint.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/Report_writer-addPoint.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) - **Add Attribute** (available on the *Points* tab only): allows to add an attribute outside the data source. Information to enter: - *Attribute*: The attribute to add. The proposed attributes are those of the concerned asset. - *Data Name*: The name that will be given to this element on the widget (both for configuration and final display) ![Report_writer-addAttribute.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/Report_writer-addAttribute.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) - **Add Calculation** (available on the *Points* tab only): allows to add a calculated value. Information to enter: - *Name*: The name that will be given to this element on the widget (both for configuration and final display) - *Multi Asset Aggregation*: How the values will be aggredated (no aggregation, sum or average) for display if multiple assets are selected - *Unit*: The unit that will be displayed on the widget final display - *Expression*: The calculation formula. To use a point in a formula, click on it, its formatted code will be append to the formula. ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-FM6U4DOS.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) #### Output configuration Each widget has its own configuration options depending on how it displays data. However, one common element across nearly all widgets is **color selection**. Bazefield uses a **unified color picker** shared by all widgets. For each widget, the user must configure **two colors**: - One color for the **light theme** - One color for the **dark theme** You can either: - Enter a **hex color code** manually, or - Select a color from the **provided palette** ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(500).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) Additionally, you can use the **copy** button to duplicate the hex code and **paste** it elsewhere in Bazefield. ### Link to Document360 Each widget configuration page includes a link to the Document360 page explaining how to configure the widget: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-I40HHP43.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) ### Provide specific documentation In addition to the link to Document360, it is possible to add specific documentation for the use of each widget, within its context (dashboard / report). - **Configuration - Documentation creation:** On the widget configuration page, the Documentation tab allows you to enable the creation of a descriptive text, and then its display. Enter and format the desired text: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-LL2OOSIQ.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) - **Final user - Documentation viewing:** When *Enable Documentation Tooltip* is activated, a tooltip appears in the top right corner of the widget. Clicking it displays the entered description: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-AJ1EU1WY.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) ### Viewing widget configuration View-only access to all widget configurations within an application can be granted, allowing end users to better understand the displayed data. - **Configuration:** To enable this feature, go to the Advanced tab of the application editing page: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-U37I1VED.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) - **Final user (accessing the application via a Bazefield menu):** To enter a widget configuration in read-only, click its Settings icon: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-135AXRPJ.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D) The entire widget configuration can now be viewed (but not modified): ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-4DRZL8VR.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A49%3A54Z&se=2026-11-06T21%3A49%3A54Z&sr=c&sp=r&sig=jKajRAM1ncPAq%2FBkB2uG3jaDHZVBdVeRIvZD1DtbFio%3D)