Understanding Custom Fill Widgets
Custom Fill widgets in Zoho IoT provide a visually engaging way to represent level-based metrics such as water or battery levels. These widgets use dynamic fill animations and customizable styles to offer a more intuitive and aesthetically appealing visualization. Ideal for dashboards, they help users quickly interpret values at a glance, enhancing both usability and the overall user experience.
All the Custom Fill widgets can be converted to any of its compatible formats.
The different styles of custom fill widgets and their short descriptions are provided below:
- Battery
- Level Tank 1
- Level Tank 2
Battery
The Battery style custom fill widget visually represents charge levels using a familiar battery icon. As data updates, the fill inside the battery indicates the available charge, offering a clear and intuitive way to monitor battery status at a glance.
Image: Battery Widget
To create a Battery style widget:
1. Access the End User application.
2. In the dashboard view, click Actions > Add Widget.
3. Click on Custom Fill in the Select Widget Type in the left frame.
4. Select Battery, then click Proceed.
5. Select Historical or Realtime option on the top.
- Historical to display collected stored data.
- Realtime to display live data of a datapoint.
6. Provide the name/title for your widget.
7. Select the value (i.e. Asset, Device, Locations, System Modules, or Custom Modules) from the drop down list for which you want to display the data. The value selection can be further fine-tuned using the filter option.
8. Select the Count, Field, or Datapoint for the selected module or model. The configure count/field/datapoint is displayed in the drop down list.
- Count - will display the total count of the instances of the selected model.
- Field - will display the field value. Along with the field, the aggregate based on which you want to display the data must be selected.
- Datapoint - will display the calculated value for the datapoint. Along with the datapoint, the time frame, unit, and aggregate based on which you want to display the data must be selected.
9. Select Outside/Inside on where you want to display the value.
10. Provide the range for the battery.
If the values for the property are consistently smaller or higher values, it is recommended to modify the min. and max. values. For example, if the usual level range is between 20 and 40 and there is no possibility of higher values, the min. and max. range can be set to 0 and 50.
11. Set the "Display Value as %" to ON if you want to display the value for a percentage.
If the percentage of a value will provide a better understanding, it is recommended to use the Display Value as % option. For example if the capacity of the monitored battery is maximum, you can use the percentage option to display 75% full etc.
If the percentage of a value will provide a better understanding, it is recommended to use the Display Value as % option. For example if the capacity of the monitored battery is maximum, you can use the percentage option to display 75% full etc.
12. Provide the color rule if required.
13. Click Create.
Level Tank 1
The Level Tank 1 Custom Fill Widget represents fluid levels within a rectangular, animated tank. The fill adjusts based on values, offering a clear and visually appealing way to monitor fluid levels in a structured, vertical format.
Image: Level Tank 2 Widget
To create a Level Tank 1 style widget:
1. Access the End User application.
2. In the dashboard view, click Actions > Add Widget.
3. Click on Custom Fill in the Select Widget Type in the left frame.
4. Select Level Tank 1, then click Proceed.
5. Select Historical or Realtime option.
- Historical to display collected stored data
- Realtime to display live data of a datapoint.
6. Provide the name/title for your widget.
7. Select the value (i.e. Asset, Device, Locations, System Modules, or Custom Modules) from the drop down list for which you want to display the data. The value selection can be further fine-tuned using the filter option.
8. Select the Count, Field, or Datapoint for the selected module or model. The configure count/field/datapoint is displayed in the drop down list.
- Count - will display the total count of the instances of the selected model.
- Field - will display the field value. Along with the field, the aggregate based on which you want to display the data must be selected.
- Datapoint - will display the calculated value for the datapoint. Along with the datapoint, the time frame, unit, and aggregate based on which you want to display the data must be selected.
9. Select Outside/Inside on where you want to display the value.
10. Provide the range for the tank.
If the values for the property are consistently smaller or higher values, it is recommended to modify the min. and max. values. For example, if the usual level range is between 20 and 40 and there is no possibility of higher values, the min. and max. range can be set to 0 and 50.
11. Set the "Display Value as %" to ON if you want to display the value for a percentage.
If the percentage of a value will provide a better understanding, it is recommended to use the Display Value as % option. For example if the capacity of the monitored battery is maximum, you can use the percentage option to display 75% full etc.
If the percentage of a value will provide a better understanding, it is recommended to use the Display Value as % option. For example if the capacity of the monitored battery is maximum, you can use the percentage option to display 75% full etc.
12. Provide the color rule if required.
13. Click Create.
Level Tank 2
The Level Tank 2 Custom Fill Widget displays fluid levels using a round, animated tank graphic. As the value changes, the fill rises or falls smoothly within the circular shape, providing a visually engaging and intuitive representation of fluid levels.
Image: Level Tank 2 Widget
To create a Level Tank 1 style widget:
1. Access the End User Application.
2. In the dashboard view, click Actions > Add Widget.
3. Click on Custom Fill in the Select Widget Type in the left frame.
4. Select Level Tank 2, then click Proceed.
5. Select Historical or Realtime option.
- Historical to display collected stored data
- Realtime to display live data of a datapoint.
6. Provide the name/title for your widget.
7. Select the value (i.e. Asset, Device, Locations, System Modules, or Custom Modules) from the drop down list for which you want to display the data. The value selection can be further fine-tuned using the filter option.
8. Select the Count, Field, or Datapoint for the selected module or model. The configure count/field/datapoint is displayed in the drop down list.
- Count - will display the total count of the instances of the selected model.
- Field - will display the field value. Along with the field, the aggregate based on which you want to display the data must be selected.
- Datapoint - will display the calculated value for the datapoint. Along with the datapoint, the time frame, unit, and aggregate based on which you want to display the data must be selected.
9. Select Outside/Inside on where you want to display the value.
10. Provide the range for the tank.
If the values for the property are consistently smaller or higher values, it is recommended to modify the min. and max. values. For example, if the usual level range is between 20 and 40 and there is no possibility of higher values, the min. and max. range can be set to 0 and 50.
11. Set the "Display Value as %" to ON if you want to display the value for a percentage.
If the percentage of a value will provide a better understanding, it is recommended to use the Display Value as % option. For example if the capacity of the monitored battery is maximum, you can use the percentage option to display 75% full etc.
If the percentage of a value will provide a better understanding, it is recommended to use the Display Value as % option. For example if the capacity of the monitored battery is maximum, you can use the percentage option to display 75% full etc.
12. Provide the color rule if required.
13. Click Create.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Understanding Widgets
Widgets are the fundamental components of a dashboard, presenting vital statistics in intuitive formats within the Zoho IOT application. You can create various types of widgets, including cards, charts, custom fill, dials, image, tables, calendars, ...Working with Widgets
Creating Widgets This section of the document provides an overview of creating and editing various types of widgets. The following are the ways to create & add widgets in a dashboard. When creating a new dashboard. Using the Actions > Add Widget ...Understanding Custom Actions
Custom Actions lets application builders add named action buttons to widgets or any module/model. Users can trigger workflows, update fields, navigate to related records, execute device commands, or open URLs directly from device views. There are two ...Understanding Calendar Widgets
Calendar type widgets are used to create calendar-based views on the dashboard. Using these widgets, the metrics of a managed entity can be displayed date-wise for a selected month, making it easier to analyze values on specific days or compare ...Understanding Table Widgets
The Table Widget, also referred to as the list view widget, is used to display the details of the selected module/model, assets, policies, alarms, etc. The three different table formats available are: Custom View Table Reports Table Assorted Metrics ...
New to Zoho LandingPage?
Zoho LandingPage Resources