Widgets Library
The Widgets Library contains all available widgets organized into bundles. Each bundle groups widgets by purpose — charts, cards, maps, gauges, control elements, and more.
Widget types
Section titled “Widget types”There are five widget types — Time Series, Latest Values, Control, Alarm, and Static. See Widgets for a summary of each type and how to add widgets to a dashboard.
Latest values
Section titled “Latest values”Displays the latest attribute or time-series value. Supports two data source modes: entity alias and function (for test data).
Time series
Section titled “Time series”Displays historical data as a graph over a selected time period. Data source: entity alias or function.
Control widget
Section titled “Control widget”Sends RPC commands to devices. Data source: RPC.
Alarm widget
Section titled “Alarm widget”Displays alarms with an Alarm data source.
Static
Section titled “Static”Displays static customizable HTML content without a data source.
Widget bundles
Section titled “Widget bundles”Widgets are grouped into bundles according to their purpose. System-level bundles are managed by the System Administrator; tenant-level bundles can be created by individual tenants.
The following table lists all built-in widget bundles. Click a bundle name to see its preview.
| Bundle | Description | Reference |
|---|---|---|
| Air quality | Air quality monitoring widgets | |
| Alarm widgets | Alarm tables and notification widgets | |
| Analog gauges | Analog-style gauge widgets | |
| Buttons | Button-style control widgets | |
| Cards | Card-style display widgets | Entities table |
| Charts | Chart widgets for data visualization | Chart Widgets |
| Control widgets | RPC control widgets | |
| Count widgets | Entity and alarm count widgets | |
| Date | Date and time display widgets | |
| Digital gauges | Digital-style gauge widgets | |
| Edge widgets | ThingsBoard Edge management widgets | |
| Entity admin widgets | Entity administration widgets | |
| Entity widgets | Entity display and management widgets | |
| Gateway widgets | IoT Gateway management widgets | |
| General HP SCADA symbols | High-performance general SCADA symbols | |
| GPIO widgets | General-purpose I/O widgets | |
| HP SCADA energy system | High-performance SCADA energy system symbols | |
| HP SCADA fluid system | High-performance SCADA fluid system symbols | |
| HP SCADA oil & gas | High-performance SCADA oil and gas symbols | |
| Home page widgets | Dashboard home page widgets | |
| HTML widgets | Custom HTML content widgets | Markdown/HTML Card |
| Indoor Environment | Indoor environment monitoring widgets | |
| Industrial widgets | Industrial process widgets | |
| Input widgets | User input widgets | |
| Liquid level | Liquid level monitoring widgets | |
| Maps | Map-based data visualization widgets | Map |
| Navigation widgets | Dashboard navigation widgets | |
| Outdoor Environment | Outdoor environment monitoring widgets | |
| SCADA symbols | Standard SCADA symbol widgets | |
| Status indicators | Status indicator widgets | |
| Tables | Table display widgets | |
| Traditional SCADA fluid system | Traditional SCADA fluid system symbols |
Operations with widgets
Section titled “Operations with widgets”To add a widget to a dashboard, see Widgets.
Exporting a widget
Section titled “Exporting a widget”Export a widget configuration as a JSON file by clicking the Export icon on the widget toolbar.
Importing a widget
Section titled “Importing a widget”- In the Widgets Library, open a bundle and click the + icon.
- Click Import widget and upload the JSON file.
- The widget is added to the bundle.
Deleting a widget
Section titled “Deleting a widget”Delete a widget from a bundle using the trash icon, or use checkboxes for bulk deletion.
Operations with widget bundles
Section titled “Operations with widget bundles”Adding a widget bundle
Section titled “Adding a widget bundle”- Navigate to the Widgets Library page.
- Click the + icon and select Create new widgets bundle.
- Enter the bundle title and optional description.
- Optionally upload an image.
- Click Add.
- The new bundle appears in the list.
Exporting a widget bundle
Section titled “Exporting a widget bundle”Export an entire widget bundle as a JSON file.
Importing a widget bundle
Section titled “Importing a widget bundle”- On the Widgets Library page, click + and select Import widgets bundle.
- Upload the JSON file.
- The bundle is imported.
Deleting a widget bundle
Section titled “Deleting a widget bundle”Delete a widget bundle using the trash icon, or use checkboxes for bulk deletion.