Add style to gauge
Set color for the gauge elements
- Edit your app.
- Select the required page from the accordion menu on the top-left corner, or from the application preview in the middle. You'll be taken to its Design page.
- Click on the device icon to navigate to the Design view of the device of your choice.
- Hover in the middle and click Open Page Builder .
- Click to select the required gauge element and click Configure at the top of the page builder. You can also double-click the gauge element to open the Gauge Configuration pane that will slide in from the right.
- Click the Style tab on the top right of the configuration menu.
- Click the color-picker icon and select a default color for the gauge range. You can also choose different colors for the ranges , target and needle elements of the gauge by clicking the Advanced options .
- Click the color-picker (bucket-shaped) icon to set a background color for the panel in which the gauge is placed.
- The changes will be automatically saved.
Add style for the gauge elements
- Under the Value section, you can customize the style, font-color and font-size of the display data type chosen for your gauge.
- Under the Target section, you can customize the style, font-color and font-size for your gauge target .
- Under the Minimum/Maximum section, you can customize the style, font-color and font-size of the display data type chosen for your gauge ranges — minimum and maximum values.
Related Topics
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:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
|
Quick Links |
Workflow Automation |
Data Collection |
|
|
||
|
Form Templates |
||
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Understand Gauge
A gauge is used to visualize single-valued metrics, such as revenue performance for the year-to-date or other marketing and sales goals. In other words, a gauge visually represents a goal/target and how your business metric is progressing towards ...Configure gauge
Gauge configuration includes: Adding a gauge to a page Configuring the numeric value to be displayed on a gauge Adding style to a gauge To add a gauge to a page: Edit your app. Select the required page from the accordion menu on the top-left corner, ...Add style to panel
You can add custom styles to every panel. Styling options for a panel include adding background color and panel content alignment. To add style to a panel Click to select a panel that you want to customize. Click the Configure option in the toolbar ...Add style to chart
The Style tab allows you to add customization to the charts by applying different chart themes , setting legend position and adding a background color . You can also change the chart type from the slider pane on the left. Apply style to a chart ...Add style to button
You can add custom styles to every button. Styling options for a button include customizing the label, adding color to the button and the text inside it, and specifying margin dimensions around the button. To add style to a button in your page, Edit ...