Icons Widget

Icons Widget

With icons, the user can create very personalized widgets for their applications, and the result can look like the ones shown below, but the possibilities are endless.

Users can add up to 9 variables in this widget, and each variable will show its last value.


Creating your own

To add it to your dashboard, choose the Icon widget from the list and customize it to your preference. You can edit it by using the options located on the right side of the widget.


This widget works for both dashboards, Normal and Blueprint.

1. 'Data From' Field

This field allows you to set the device and variable that will be used in this widget.

Click on the cog icon to edit specific options for this variable, such as formulas, color, and more. Click on the close icon to remove this variable from the widget's data.

This field is dependent on the type of dashboard you are using; the difference is explained below.

1.1 'Data From' for Normal Dashboards

From the option 'Data From' on the right menu, select one device from your list of devices and the variable that contains the data.

1.2 'Data From' for Blueprint Dashboards

From the option 'Data From' on the right menu, add the Blueprint device and input the name of the variable that contains the information.

When using a Blueprint dashboard, the field Variable will not list variables to be picked because it doesn't know the devices linked to your Blueprint Device.


2. Conditions

The widget changes its content based on two types of conditions, Icon conditions and Color conditions, based on variable data. If it satisfies any condition set, then it will change the color of the content. 

The priority order between conditions is top to bottom. A condition in the top row will always have priority over a condition in the bottom row.

It is possible to show your own images in the widget, by adding their own icon URL.

    • Related Articles

    • Map Widget

      Add the location of your variable to visualize your devices on the Map. You can also edit the icon and color of the pins, add images, create links, add geofences & filters, and more! The variable data should look like the following payload. Note that ...
    • Compose Widget

      The compose widget allows you to add pins to different images and videos. You can manipulate the colors, values, and icons for each pin. This widget also accepts features like metadata and series, that can be set in your variable data. Creating your ...
    • Dashboard icons

      You can customize the looks of your dashboard by adding icons to it. The icons are displayed on the left side of your dashboard. The colors are totally customizable, and there are more than 100 free icons available for you to use. To add an icon to ...
    • Dynamic Table Widget

      Dynamic tables are tables that dynamically populate as your data arrive while keeping the history of the previous data in each row. Editing the dynamic table It is possible to customize widget color, apply a formula to columns, show time column, show ...
    • Static Table Widget

      Static tables are tables where each cell represents a different piece of information, and it can either be fixed text or data from a variable. Editing the static table It is possible to customize widget color, apply a formula to a cell, edit options, ...

    Webinar Announcement - Image Only

        Take a look at our updated roadmap here!
          What would you like to see on TagoIO?

            Future and past Webinars