SAIL Design System guidance available for Gauges
What gets measured gets done. So measure what matters with gauges. Learn how to configure and display gauges on your interface designs so you can visualize progress on your most important goals and initiatives. |
a!gaugeIcon( icon, altText, color )
Displays an icon for use within the gauge field primaryText parameter.
See also: Gauge design guidance
Name | Keyword | Types | Description |
---|---|---|---|
Icon |
|
Text |
Icon to display. See the list of available icons. |
Icon Alternative Text |
|
Text |
Equivalent alternate text to display in the hover tooltip and for use by screen readers. |
Icon Color |
|
Text |
Determines the icon color. Access the percentage using fv!percentage. Valid values: Any valid hex color or |
To experiment with examples, copy and paste the expression into an interface object.
Use the interactive editor below to test out your code:
Feature | Compatibility | Note |
---|---|---|
Portals | Compatible | |
Offline Mobile | Compatible | |
Sync-Time Custom Record Fields | Incompatible | |
Real-Time Custom Record Fields | Incompatible | Custom record fields that evaluate in real time must be configured using one or more Custom Field functions. |
Process Reports | Incompatible | Cannot be used to configure a process report. |
Process Events | Incompatible | Cannot be used to configure a process event node, such as a start event or timer event. |
Gauge Icon