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 widgets that is used to address various requirements.
Type | Description |
|
|
|
|
|
|
1. All Instances of a Model
To calculate metrics with all instances of a model.
1. Access the End User Application.
2. In the dashboard view, click Actions > Add Widget to invoke the dashboard builder.
3. Click on Image Layout in the Select Widget Type section in the left frame.
4. Select Image Layout in the right slide window.
5. Click Proceed to display the New Widget screen.
6. Upload the image for the widget.
7. Select the option All Instances of a Model from Instance List Type.
8. Provide the name/title for your widget.
9. Select the desired option from Image Value Type.
10. 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.
11. Select the Metric, Unit, and Aggregate.
Note: More module metrics can be added on the image by using the Add Module Metric button.
12. Click on the Add Color Rule text link to set color coding for the info cards based on the metric values. i.e., Each metric can be configured with a different set of colors.
13. Provide the color range to configure the color settings for specific metric conditions.
14. Click Next to display the Image Layout widget view with the configured metric value display cards.
Note: The visual effects of text and placement of the metric cards can be modified in the preview.
15. Click Create.
2. Selected Instances of a Model
To calculate metrics with selected instances of a model or different models.
1. Access the End User Application.
2. In the dashboard view, click Actions > Add Widget to invoke the dashboard builder.
3. Click on Image Layout in the Select Widget Type section in the left frame.
4. Select Image Layout in the right slide window.
5. Click Proceed to display the New Widget screen.
6. Upload the image for the widget.
7. Select the option Select Instances of a Model from Instance List Type.
8. Provide the name/title for your widget.
9. Select the desired option from Image Value Type.
10. 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.
11. Select the instance, and the datapoint for which you want to plot the values on the layout interface. Up to three datapoint values can be selected for display.
Note: More module metrics can be added on the image by using the Add Module Metric button.
12. Click on the Add Color Rule text link to set color coding for the info cards based on the metric values. i.e., Each metric can be configured with a different set of colors.
13. Provide the color range to configure the color settings for specific metric conditions.
14. Click Next to display the Image Layout widget view with the configured metric value display cards.
Note: The visual effects of text and placement of the metric cards can be modified in the preview.
15. Click Create.
3. Instance Property Grouping
To calculate metrics based on property grouping.
1. Access the End User Application.
2. In the dashboard view, click Actions > Add Widget to invoke the dashboard builder.
3. Click on Image Layout in the Select Widget Type section in the left frame.
4. Select Image Layout in the right slide window.
5. Click Proceed to display the New Widget screen.
6. Upload the image for the widget.
7. Select the option Instance Property Grouping from Instance List Type.
8. Provide the name/title for your widget.
9. Select the desired option from Image Value Type.
10. 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.
11. Select the metric for which you want to plot the values on the layout interface.
Note: More module metrics can be added on the image by using the Add Module Metric button.
12. Select the grouping.
Note: Use the Advance Options to set the auto refresh interval for data.
13. Click Next to display the Image Layout widget view with the configured metric value display cards.
Note: The visual effects of text and placement of the metric cards can be modified in the preview.
14. 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 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 ...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 Dial Widgets
Dial type widgets are used to display the value of a property with a pointer on a circular dial. You can construct different styles of dial widgets. Simple dial widgets can be configured to display a reading using a pointer against a set target, and ...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 Dashboards
A dashboard is the primary user interface in the Zoho IoT application, displaying vital monitored metrics of devices and assets within the IoT network. A well-designed dashboard serves as a health monitor for the network, showcasing both real-time ...
New to Zoho LandingPage?
Zoho LandingPage Resources