Understanding Image Widgets
Image type widgets are used to display the value of a property along with an appropriate image.
You can choose from a list of styles such as Simple Image, Image with Metrics, Image with Comparison Metrics, and Image with String Metrics widgets.
The different styles of available Images widgets are provided below:
Simple Image
This style is used to display an image with a description. The value is not shown here.
To create a Simple Image style widget:
1. Access the End User Application.
2. In the dashboard view, click Actions > Edit Layout to invoke the dashboard builder.
3. Click on Image Cards in the Add Widget Components section in the left frame.
4. Select Historical.
5. Select Simple Image in the right slide window.
6. Click Proceed to display the Add Widget screen.
7. Upload the image to be displayed in the widget.
8. Provide the name/title and description for your widget.
9. Click on Advanced Options and select the Apply Color Rule to configure the color for the widget.
10. Click Create.
Image with Metrics
This style is used to display a single property value using an image. The image, value, and description are displayed in this widget.
Image: Image with Metrics widget displaying the count in conference room
To create a Image with Metrics style widget:
1. Access the End User Application.
2. In the dashboard view, click Actions > Edit Layout to invoke the dashboard builder.
3. Click on Image Cards in the Add Widget Components section in the left frame.
4. Select Historical or Realtime option on top.
- Historical to display collected stored data.
- Realtime to display live data of a datapoint.
5. Select Image with Metrics in the right slide window.
6. Click Proceed to display the Add Widget screen.
7. Upload the image to be displayed in the widget.
8. Provide the name/title and description for your widget.
9. Select the module (i.e. Asset, Device, Locations, System Modules, or Custom Modules) from the Measure drop down list for which you want to display the data. The module selection can be further fine-tuned using the filter option. Refer to the Add Filter section for further details.
10. 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.
11. Click on the + icon to add more Measure. Up to a maximum of 3 dial values can be provided.
12. Select the Advanced Option link if you want to configure colored cards. Refer to the Applying Colors section for more details.
13. Click Create.
Image with Comparison Metrics
This style is used to display property values in comparison with values from a selected duration. The comparison perspective percentage is displayed along with the value.
Image: Image with comparison widget displaying yesterdays and todays value
To create an Image with Comparison Metrics style widget:
1. Access the End User Application.
2. In the dashboard view, click Actions > Edit Layout to invoke the dashboard builder.
3. Click on Image Cards in the Add Widget Components section in the left frame.
4. Select Historical or Realtime option on top.
- Historical to display collected stored data.
- Realtime to display live data of a datapoint.
5. Select Image with Comparison Metrics in the right slide window.
6. Click Proceed to display the Add Widget screen.
7. Upload the image to be displayed in the widget.
8. Provide the name/title and description for your widget.
9. Select the module (i.e. Asset, Device, Locations, System Modules, or Custom Modules) from the Measure drop down list for which you want to display the data. The module selection can be further fine-tuned using the filter option. Refer to the Add Filter section for further details.
10. 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.
11. Select the time frame to be compared with from the Duration drop down list. By default, the previous same time frame is displayed.
12. Select the Comparison Perspective which will indicate whether the increase in value is positive or negative.
13. Select the Advanced Option link if you want to configure colored cards. Refer to the Applying Colors section for more details.
14. Click Create.
Image with String Metrics
This style is used to display text property values along with an image.
<Sample image with an use case example>
To create an Image with Image with String Metrics style widget:
1. Access the End User Application.
2. In the dashboard view, click Actions > Edit Layout to invoke the dashboard builder.
3. Click on Image Cards in the Add Widget Components section in the left frame.
4. Select Historical or Realtime option on top.
- Historical to display collected stored data
- Realtime to display live data of a datapoint.
5. Select Image with String Metrics in the right slide window.
6. Click Proceed to display the Add Widget screen.
7. Upload the image to be displayed in the widget.
8. Provide the name/title and description for your widget.
9. Select the module (i.e. Asset, Device, Locations, System Modules, or Custom Modules), and Instance from the respective drop down list.
10. 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.
11. Select the Advanced Option link if you want to configure colored cards. Refer to the Applying Colors section for more details.
12. 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, ...Understanding Image Layout Widgets
Image Layout type widgets are used to display model information and metric details on a custom image. The widget construction involves setting the position and alignment of the metrics info box over the image. There are three types of image layout ...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 ...Understanding Map Widgets
Map type widgets are used to view google maps based asset tracking location map, location history, or geofence maps on dashboards. The maps configured in the Maps or Geofences module are displayed for selection during the map widget creation process. ...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