--- title: "Widgets" slug: "widgets" type: "index" canonical: "learn.servitly.com/widgets" --- > ## Documentation Index > Fetch the complete documentation index at: https://learn.servitly.com/llms.txt > Use this file to discover all available pages before exploring further. # Widgets 71 articles ## [Action Group List](https://learn.servitly.com/docs/action-group-list-widget.md) Updated on 2026-02-26 | Published on 2024-10-21 Displays the list of actions grouped by action type, and visible by the user and navigation context. Template Syntax Below you can find some examples of how to use the component within a template.... ## [Action List](https://learn.servitly.com/docs/action-list-widget.md) Updated on 2026-05-14 | Published on 2025-04-08 This list widget displays the actions (upcoming and historical) visible by the user and navigation context. The DPS user can switch between Upcoming and Historical actions. Upcoming : The list of... ## [Activate Thing](https://learn.servitly.com/docs/activate-thing-widget.md) Updated on 2026-06-29 | Published on 2024-10-21 Activates a pre-registered product by entering the serial number. Within a page, this widget is rendered as a button, which the user can click to activate a new product. When clicked, the page changes... ## [Active Alert List](https://learn.servitly.com/docs/active-alert-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-21 Displays the list of alerts currently active considering the navigation context. Details Navigation Clicking on a row opens the event details popup. Optionally the alert details can be opened in a... ## [Active Services](https://learn.servitly.com/docs/active-services-widget.md) Updated on 2026-04-10 | Published on 2024-10-22 Displays the active services associated to a thing. The widget displays the list of services subscribed and still active for the current product. For each service it is reported the name, description... ## [Active Work Session List](https://learn.servitly.com/docs/active-work-session-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 Displays the list of alerts currently active considering the navigation context. Details Navigation Clicking on a row opens the event details popup. Optionally the alert details can be opened in a... ## [Alert Timeline](https://learn.servitly.com/docs/alert-timeline-widget.md) Updated on 2026-04-10 | Published on 2024-10-22 Displays the alert details in a timeline widget. You can use this widget in the alert details templates used by active and historical alert list widgets to display the details of the selected alert.... ## [Audit Event List](https://learn.servitly.com/docs/audit-event-list-widget.md) Updated on 2026-07-28 | Published on 2024-10-22 Displays a list of events related to user activities performed in the DPS. By default, the widget displays all the events associated with users belonging to the same parent business entity of the... ## [Bar Chart](https://learn.servitly.com/docs/bar-chart-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 Displays metric or statistic data through columns in a bar chart. This chart uses a category-based X-axis, so you must use this widget to load aggregated data, for instance, the count of machines... ## [Benchmark](https://learn.servitly.com/docs/benchmark-widget.md) Updated on 2026-07-29 | Published on 2024-10-22 This widget allows performing benchmark analysis by comparing a product or an entire customer to others with similar characteristics and discovering correlations. For instance, here we can see the... ## [Bulk Update Status](https://learn.servitly.com/docs/bulk-update-status-widget.md) Updated on 2026-04-10 | Published on 2024-10-22 Displays the list of performed and running bulk updates. The list displays the list of bulk updates related to: bulk execution of commands; bulk update of parameters; bulk apply of recipes; bulk... ## [Calendar](https://learn.servitly.com/docs/calendar-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 Displays a calendar with alerts, actions, and other relevant events by day. For each loaded element (e.g. Alerts, Actions), an event is added to the calendar according to the severity or priority,... ## [Calendly](https://learn.servitly.com/docs/calendly-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Loads a Calendly scheduling page directly in your DPS. With this widget, you can easily provide your users with a shared calendar where they can book a support meeting. By selecting the day, you can... ## [Catalog](https://learn.servitly.com/docs/catalog-widget.md) Updated on 2026-04-10 | Published on 2024-10-22 Displays the catalog with spare parts for a specific product model. This widget must be placed in the thing dashboard, for example, in a tab called Spare Parts . The list of spare parts is... ## [Composite](https://learn.servitly.com/docs/composite-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays multiple widgets into a single frame. With this widget you can include inside the same frame multiple components (widgets, controls), arranging them in multiple rows. The included components... ## [Connection Tokens](https://learn.servitly.com/docs/connection-tokens-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Manage connection tokens used by thing activation. You can edit an existing connection token (only if not assigned to a thing) by clicking on a row in the connection token list. In case you want to... ## [Customer Details](https://learn.servitly.com/docs/customer-details-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays the properties of a customer in a details box. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a comprehensive l... ## [Customer List](https://learn.servitly.com/docs/customer-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 This widget displays the list of customers visible to the user. The list supports pagination, and items can be searched and sorted based on properties. The list shows one column for each property or... ## [Data Import](https://learn.servitly.com/docs/data-import-widget.md) Updated on 2026-04-30 | Published on 2025-07-08 It renders the product connection status within a colored badge. The filter variants can be applied to metrics and properties holding the connection status value. The cloud status is identified by... ## [Daily Summary Grid](https://learn.servitly.com/docs/daily-summary-grid-widget.md) Updated on 2026-09-18 | Published on 2025-09-22 Displays a daily grid summarizing the events that occurred and the corresponding metric updates. Reading the diagram The X axis represents the days of the selected period, while each row on the Y axis... ## [Data Export](https://learn.servitly.com/docs/data-export-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 The Data Export widget is a tool designed to provide DPS users with a simple, flexible, and efficient way to extract product data. For customer users, the widget displays a box with the suggested data... ## [Event Details](https://learn.servitly.com/docs/event-details-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the properties of an event in a details box. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a comprehensive list... ## [Event List](https://learn.servitly.com/docs/event-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 Displays a list of all noteworthy events that have occurred or that are still active. When placed in a page, you must choose whether to show events that are finished and therefore historical or show... ## [Gauge](https://learn.servitly.com/docs/gauge-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 This widget displays a box with the last available value of a metric or a statistic. For instance, you can display the current value of a temperature metric. Within the box you can find, the value of... ## [Grouped Thing List](https://learn.servitly.com/docs/grouped-thing-list-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays a list of things grouped by a thing property. This widget to work requires other than selecting the property used for grouping things, also defining the template used to render each group... ## [Heat Map](https://learn.servitly.com/docs/heat-map-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 The Heat Map widget shows how a metric is distributed across the days of the week and the hours of the day, helping users spot recurring usage patterns, peak hours, and idle windows at a glance. Note... ## [Historical Alert List](https://learn.servitly.com/docs/historical-alert-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 Displays the list of occurred historical alerts considering the navigation context. Details Navigation Clicking on a row opens the event details popup. Optionally the alert details can be opened in a... ## [Historical Work Session List](https://learn.servitly.com/docs/historical-work-session-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 View the list of historical work sessions, taking into account the things in the navigation context The list supports pagination, and items can be searched and sorted based on properties. The list... ## [Include Template](https://learn.servitly.com/docs/include-template-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 With this widget it is possible to include a model in another model. This makes it possible to create and organize models in a modular way, facilitating code reuse. For example, with reference to the... ## [Level Indicator](https://learn.servitly.com/docs/level-indicator-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 A widget that displays the level of a stackable quantity in a shaped tank. The widget requires specifying the metric providing the level percentage (0% - 100%), optionally you can display the title,... ## [Link Element](https://learn.servitly.com/docs/link-element-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays a button that the user can click to navigate to another page. You can put this element directly in the grid area as an independent button, once clicked the referenced URL is navigated. The... ## [Location Details](https://learn.servitly.com/docs/location-details-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays the properties of a location in a details box. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a comprehensive l... ## [Location List](https://learn.servitly.com/docs/location-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 This widget displays the list of locations visible to the user and that are relative to the navigation context. The list supports pagination, and items can be searched and sorted based on properties.... ## [Maintenance Registry](https://learn.servitly.com/docs/maintenance-registry-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Deprecated Feature This feature has been deprecated and will no longer maintained. You must use the Action List widget to track maintenance activities performed on the machines. The widget allows... ## [Manual Alert Reporting](https://learn.servitly.com/docs/manual-alert-reporting-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Allows users to manually activate alerts to report a fault that cannot be automatically detected by the machine. Deprecated Widget This widget has been deprecated, and now you must use the Event List... ## [Map](https://learn.servitly.com/docs/map-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays an interactive map with a marker for each geolocated item (thing or location). Each item is represented by a marker, whose color and style reflect key information such as the operating... ## [Message Logger](https://learn.servitly.com/docs/message-logger-widget.md) Updated on 2026-06-29 | Published on 2024-10-22 A log view displaying all messages exchanged between the cloud and the thing. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here... ## [Metric State Diagram](https://learn.servitly.com/docs/metric-state-diagram-widget.md) Updated on 2026-09-18 | Published on 2024-10-22 The Metric State Diagram widget renders a state transition diagram that illustrates how the values of a metric change across distinct states over a given time period. Instead of plotting the exact... ## [Metrics Data](https://learn.servitly.com/docs/metrics-data-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 The widget that displays the current value of all thing metrics. All the thing definition metrics are automatically displayed and grouped into different boxes by using the Group property defined on... ## [Micro Chart](https://learn.servitly.com/docs/micro-chart-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 This widget displays metric or statistical data in a compact chart. With this chart, you can display data from a single metric or statistic without an axis, grid, or legend. You can select whether to... ## [Multi Metric List](https://learn.servitly.com/docs/multi-metric-list-widget.md) Updated on 2026-06-29 | Published on 2024-10-22 Displays the values of multiple metrics in a plain list or table with one column per metric. Values are ordered by the timestamp in descending order, and when scrolling the list, the oldest values... ## [Partner Details](https://learn.servitly.com/docs/partner-details-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays the properties of a partner in a details box. In case this widget is placed ina Customer dashboard, you can enable the partner assignment. The Assign button is present only if there is no... ## [Partner List](https://learn.servitly.com/docs/partner-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 This widget displays the list of partners visible to the user and navigation context. An Organization user will see all the partners associated with its parent organization, or with a partner;... ## [Period Details](https://learn.servitly.com/docs/period-details-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the reference period of the page data in a box. Template Syntax Below you can find some examples of how to use the component within a template. XML Component Reference Here... ## [Pie Chart](https://learn.servitly.com/docs/pie-chart-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays a pie chart with one slice for each referenced metric value or statistic result. Template Syntax Below you can find some examples of how to use the component within a template. Component... ## [Product Model Details](https://learn.servitly.com/docs/product-model-details-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the properties of a product model in a details box. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a comprehensive... ## [Product Timeline](https://learn.servitly.com/docs/product-timeline-widget.md) Updated on 2026-06-29 | Published on 2024-10-22 Displays the product's main events history within a timeline diagram, including lifecycle events and maintenance events. Template Syntax Below you can find some examples of how to use the component... ## [Radar Chart](https://learn.servitly.com/docs/radar-chart-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the value of multiple metrics within a radar chart. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a comprehensive... ## [Radial Gauge](https://learn.servitly.com/docs/radial-gauge-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 This widget allows displaying the last available value of a metric using a manometer like a gauge. Template Syntax Below you can find some examples of how to use the component within a template.... ## [Register Things](https://learn.servitly.com/docs/register-things-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Manage the inventory of the things which can be activated by end-users. Note that, this widget is visible and only by users having the REGISTER_THING permission . Registration of things can be done in... ## [Scatter Chart](https://learn.servitly.com/docs/scatter-chart-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 This widget displays a metrics values into a scatter chart. This widget displays XY points where X and Y are the values of the two input metrics and the value pairs are obtained by matching data... ## [Schema](https://learn.servitly.com/docs/schema-widget.md) Updated on 2026-02-25 | Published on 2024-10-22 This widget shows a synoptic of the Thing with overlayed metric data. Code View Template Syntax Below you can find some examples of how to use the component within a template. Component Reference ... ## [Solid Gauge](https://learn.servitly.com/docs/solid-gauge-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 This widget displays partial and total metric values in a concentric donuts grap The widget requires the definition of at least two metrics, the last of which is always used as a total, while the... ## [Status Diagram](https://learn.servitly.com/docs/status-diagram-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 Displays the values of a status metric with the amount of time spent in each status for a given period. The widget is subdivided into two charts: The top one shows the status of the thing instant by... ## [Table](https://learn.servitly.com/docs/table-widget.md) Updated on 2026-09-18 | Published on 2024-10-22 Display statistical results in a table, where rows and columns are defined by how the results are grouped. The Table widget gives users an at-a-glance view of aggregated data, such as the number of... ## [Tabs](https://learn.servitly.com/docs/tabs-widget.md) Updated on 2025-08-05 | Published on 2024-10-22 You can use the standard Angular Material component named mat-tab-group to embed into the page a tab menu. Template Syntax Below you can find an example of how to use the component within a template.... ## [Thing Details](https://learn.servitly.com/docs/thing-details-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays in a single box properties and metrics of a specific thing. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a co... ## [Thing Documentation](https://learn.servitly.com/docs/thing-documentation-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Provides access to the Thing Definition documentation to the Thing users. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a... ## [Thing Firmware](https://learn.servitly.com/docs/thing-firmware-widget.md) Updated on 2026-07-28 | Published on 2024-10-22 Allows Technicians to perform a firmware update on the connected Things. By clicking on the firmware row, the user can display the content of the new firmware version and trigger the update by... ## [Thing Grid](https://learn.servitly.com/docs/thing-grid-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays a grid where each block is filled by a thing-definition specific template. Template Syntax Below you can find some examples of how to use the component within a template. Component... ## [Thing List](https://learn.servitly.com/docs/thing-list-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 This widget displays the list of things visible to the user and that are relative to the navigation context. The list supports pagination, and items can be searched and sorted based on properties. The... ## [Thing Test Session List](https://learn.servitly.com/docs/thing-test-session-list-widget.md) Updated on 2026-02-25 | Published on 2024-10-22 Allows technicians to manage test sessions before product activation and during periodic maintenance activities. Template Syntax Below you can find some examples of how to use the component within a... ## [Thing Troubleshooting](https://learn.servitly.com/docs/thing-troubleshooting-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Allows technical users to perform self troubleshooting to resolve active alerts. Each alert definition allows you to define one or more remedies that the user can put into practice to try to solve the... ## [Time Series Chart](https://learn.servitly.com/docs/time-series-chart-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 This widget loads metric data for a period of time and displays points through lines, columns, or step charts. RAW Data Downsampling As the pixels on the screen are limited, a common approach to... ## [Value](https://learn.servitly.com/docs/value-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the value of a metric in a box, highlighting the severity and the increase from the previous value. The widget is subdivided into the following sections, each one providing different... ## [Wear Status](https://learn.servitly.com/docs/wear-status-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the status of one or more components subject to wear and tear. This widget must be placed in a Thing Definition template, and requires selecting a Wear Metric . The widget displays: the name... ## [Weather](https://learn.servitly.com/docs/weather-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays the current weather condition of the location. The widget retrieves weather information by using the Open Weather Map plugin. The widget displays this information: The cloud status. The... ## [Wistia](https://learn.servitly.com/docs/wistia-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 Displays a video hosted on WISTIA. For more details refer to the online Wistia documentation. Template Syntax Below you can find some examples of how to use the component within a template. Component... ## [Work Session Details](https://learn.servitly.com/docs/work-session-details-widget.md) Updated on 2026-07-31 | Published on 2024-10-22 Displays the properties of a work session in a details box. Template Syntax Below you can find some examples of how to use the component within a template. Component Reference Here is a comprehensive... ## [XY Chart](https://learn.servitly.com/docs/xy-chart-widget.md) Updated on 2026-10-13 | Published on 2024-10-22 This widget displays XY points where X and Y are the values of the two input metrics, and the value pairs are obtained by matching data series by timestamp. The widget, by default, uses the first... ## [Yamazumi Diagram](https://learn.servitly.com/docs/yamazumi-diagram-widget.md) Updated on 2026-04-17 | Published on 2024-10-22 This widget prints out the value transitions of a metric considering the previous 7 days. Template Syntax Below you can find some examples of how to use the component within a template. Component...