Skip to main content

46 docs tagged with "widgets"

View all tags

Angular Widget

This article explains how to use the Angular widget to display a variable in an angular gauge and how to add and customize it on your dashboard.

Area Chart Widget

This article explains how to use the Area Chart widget in TagoIO, including customization options, supported variable features, and how to configure the data source for the widget.

Card Widget

This article explains how the Card widget displays the latest value of a variable with its unit and a mini-chart, and how to add and customize the Card widget on a dashboard. It also notes that the widget supports variable metadata.

Clock Widget

This article explains how the Clock widget displays time for a selected timezone, including how the seconds ring works and how the widget follows 12‑ or 24‑hour format based on account preferences.

Compose Widget

The Compose Widget article explains how to add customizable pins to images and videos within TagoIO, including support for metadata and groups. It also outlines the main sections for configuring the widget: data source, media backgrounds, pin positioning, pin editor, and infobox settings.

Creating Keypad Widgets

This article demonstrates how to create a Keypad Widget in TagoIO and shows the JSON structure you must send to the account.dashboards.widgets.create method. It includes an example payload and references to related documentation.

Custom Widget Overview

This article explains what Custom Widgets are in TagoIO, the web technologies you can use to build them, and shows example outputs. It also lists related documentation for further configuration and parameters.

Custom Widget Parameters

This article explains how to add and use custom widget parameters in TagoIO, including how parameters are structured (key/value pairs), limits, and how they are received in your widget code.

Cylinder Widget

A brief guide to the Cylinder widget in TagoIO, explaining what it visualizes, an example image, metadata support, and how to add and customize the widget on your dashboard.

Device List Widget

A concise guide to the Device List widget that explains what it shows and how to edit its appearance and filters in a dynamic table format.

Dial Widget

A brief guide to the Dial widget in TagoIO, explaining what dials are used for and how to add and customize a Dial widget on your dashboard.

Display Widget

This article explains the Display widget, which shows the most recent value for a variable (string or number), and describes how to add and customize it on your dashboard.

Dynamic Table Widget

This article describes the Dynamic Table widget in TagoIO, how it populates rows dynamically as data arrives, and how to customize its appearance and behavior (including metadata and series support).

ECharts Custom Widget Tutorial

This article explains how to create a Ring Gauge custom widget for TagoIO using the ECharts library, and outlines the three main steps: setting up your development environment, implementing the widget components, and deploying the widget to TagoIO Files.

Embedding Widgets to your website

This article explains what embedded widgets are in TagoIO and how to generate embedding code to display your widget data on a website or other applications, with a simple visual example.

Entity Table Widget

This article explains how the Entity Table widget displays and manages entity-based data in a tabular format, and how to edit its general and column-specific settings. It covers data sources, user editing, formulas, color conditions, and sorting by entity indexes.

Geofences in map widgets

This article explains how geofences are used in map widgets to color map areas and trigger events in specific regions, and points to related documentation for creating geofences and handling geofence variable data.

Grain Bin Widget

This article explains the Grain Bin widget for TagoIO, its purpose, and how to add and customize it on your dashboard. It also notes that the widget accepts metadata set in your variable data.

Heat Map Widget

A brief guide to the Heat Map widget that explains how it displays variable intensity as colored bubbles over an image, and how to add and customize the widget on a dashboard.

Horizontal Bar Widget

A brief guide to the Horizontal Bar Widget that explains what it does, notes supported variable features, and documents the "Data From" field used to select device and variable inputs for the widget.

Icons Widget

This article explains the Icons widget for TagoIO, showing example styles, how many variables it supports, and how to add and customize the widget on a dashboard, including the "Data From" and "Conditions" configuration options.

Image Marker Widget

A short guide to the Image Marker widget in TagoIO, explaining its purpose, configurable features, and how to add and customize it on a dashboard.

Image Widget

This article explains how to use the Image widget in TagoIO dashboards to present custom images (such as logos) and describes the widget's behavior and image source types.

Input Control Widget

This article explains how to use the Input Control widget in TagoIO to submit values to variables via a form and how to edit the form structure, sections, and fields.

Input Form Widget

A brief guide to the Input Form widget explaining what it does and how to edit it, including steps to modify sections and fields and a note about dashboard compatibility.

Keypad Widget

A brief guide to the Keypad widget for TagoIO, explaining what it does and how to add and customize it on a dashboard, with links to related documentation.

Line Chart Widget

This article explains how to use the Line Chart widget to visualize data in TagoIO, including customization options and how to configure the widget's data source. It also lists the main sections covered and related articles.

Map Widget

Learn how to use the Map Widget to visualize location variables of your device on a map, customize visualization with icons, pins, images, links, geofences, filters and more.

Multiple Axes in Chart Widgets

This article explains how to configure chart-type widgets in TagoIO to display more than one Y-axis and lists which widgets support this feature, plus instructions for enabling multiple axes in a widget.

Multiple Charts Widget

This article explains how to use the Multiple Charts widget in TagoIO, including how each variable can produce a different chart type, configurable options, and the Data From field used to select device and variable sources.

Note Widget

A brief guide to the Note Widget for creating formatted text in dashboards. Explains supported formatting, an image recommendation, and compatibility with dashboard types.

Pie Widget

A brief guide to the Pie widget for TagoIO, describing how it uses variable data to produce pie charts and how to add and customize the widget on a dashboard.

Push Button Widget

A brief guide to the Push Button widget in TagoIO, explaining its purpose, configurable features (states, icons/text, colors), and how to add and customize it on your dashboard.

Semi Donut Widget

Explains how the Semi Donut widget displays variable data as a semi-donut chart and how to add and customize it in a TagoIO dashboard.

Semi Pie Widget

This article explains the Semi Pie widget, which generates a semi-circle pie chart from multiple variables, and shows how to add and customize it on your dashboard.

Solid Widget

This article explains how to use the Solid widget in TagoIO to display variables as solid gauge meters and how to add and customize the widget on a dashboard.

Static Table Widget

This article explains what a Static Table Widget is in TagoIO and how to edit its appearance and behavior, including customization options and features accepted by the widget.

Step Button Widget

This article explains how the Step Button widget lets users increment or decrement numeric or clock values using (-) and (+) controls, and how to add and customize the widget on a dashboard.

Tile Widget

A brief overview of the Tile widget in TagoIO, how it simplifies dashboard interactions by displaying clickable images, and initial steps for adding a Tile widget to a dashboard.

User List Widget

A quick guide to the User List widget that explains what it is, how to edit it, and where to find related documentation and widgets.

Vertical Column Widget

A brief guide to the Vertical Column Widget in TagoIO, explaining what it does, configurable features (like Formula, metadata, and series), and the first configuration field ('Data From') used to select device and variable data for the widget.

Video Widget

This article explains how to use the Video widget to present custom videos in TagoIO dashboards and summarizes the widget’s behavior and related references.

VU Meter Widget

This article explains the VU Meter widget for TagoIO, describing what it displays and how to add and customize it on a dashboard. It also notes that the widget supports metadata in variable data.

Widget Cache system

This article explains how the Widget Cache system improves dashboard performance by storing widget data and computed results on TagoIO servers, and how cached data is served and refreshed. It also points to where you can enable caching for individual widgets.

Widget Header

This article explains the Widget Header feature, which lets you add customized buttons to a widget's header to improve dashboard workflow. It shows the header buttons UI layout and an example of a widget using header buttons.

Widgets Overview

This article describes the widgets available in TagoIO dashboards, how they display and collect real-time data, and limits for dashboard widgets. It also points to creating dashboards and building custom widgets.