Entities cards
Displays entity latest data as a set of compact metric cards — one card per entity, listing each configured key with its formatted value and optional per-card action buttons — with optional server-side pagination for large entity lists. Useful when you need an at-a-glance overview of many entities’ key metrics, with quick access to configurable actions, without loading all their data at once.
Entity Metric Cards
Displays entity latest data as a scrollable grid of compact metric cards — one card per entity, listing each configured telemetry/attribute key with its formatted value. This widget is useful for dashboards that need a quick, per-entity overview across many devices or assets without using a traditional data table.
Features
- One Card Per Entity: Automatically built from the entities resolved by the widget’s datasource/entity alias.
- Detailed Metric Listing: Each card lists all configured data keys with their formatted value, including applied decimals and units per key.
- Server-Side Pagination (Optional): Fetch and render only the entities for the current page, ensuring large entity lists don’t overwhelm the system or load all at once.
- Customizable Page Sizes: Selectable page size options available when pagination is enabled.
- Independent Styling: Full control over color, font family, size, weight, and style for:
- Entity names (card title)
- Metric labels
- Metric values
- Configurable Per-Card Actions: Add multiple actions under the Card action source. An icon button will render for each action on every card, which can be clicked to open a details dialog, navigate to a different dashboard state, or execute custom bound actions.
Widget Settings
General Settings
- Show pagination: Enables server-side pagination for the entity list (Default:
On). - Default page size: Number of entity cards fetched per page (Default:
10- shown only when pagination is on). - Page size options: Selectable page size choices in the paginator (Default:
10- shown only when pagination is on).
Card Settings
- Entity name styles: Customize color and font settings for the card title (entity label/name).
- Metric label styles: Customize color and font settings for each metric’s label.
- Metric value styles: Customize color and font settings for each metric’s value.
Configuration Notes
- Data Binding: Add data keys via the widget’s Data tab. Each key added here is rendered as a distinct metric row on every entity’s card.
- Pagination Toggle: Turning Show pagination off removes the paginator and fetches all entities at once, matching standard non-paginated widget behavior. The Default page size and Page size options are hidden when this is toggled off.
- Action Mapping: The Details button’s click action (and any other custom card action) is configured through the widget’s standard Actions tab, consistent with other ThingsBoard widgets.
Share Your Widget with the Community
Built a custom widget? Export it as a JSON from ThingsBoard and publish it to the IoT Hub through a simple 4-step wizard (Upload, Listing, Readme, Review & Submit). Share it with thousands of ThingsBoard developers worldwide and get featured in the catalog.