Widget Designer > Widgets > Displays > Gauge

Gauge

Navigation:  Widget Designer > Widgets > Displays >

Gauge

prev main next

Navigation:  Widget Designer > Widgets > Displays >

Gauge

prev main next

Please wait. Due to its content this page might take a while to load...

The Gauge allows showing any numeric value that is routed to the Gauge Output Node.

wd_widget_gauge

To create a Gauge widget choose "Widgets > Displays > Gauge". The mouse cursor changes to a crosshairs icon, indicating the create mode. With a left-click anywhere on the empty main background window you add the selected widget to the current page. Left-click again if you like to add one more. To quit the create mode, you can switch to the run mode with [F8], where you can use all widgets. Most widgets however need to be set up first.

To set up the Gauge’s properties, simply right-click on the Gauge and choose the menu entry "Item Properties", press [ALT+P] whilst the mouse is hovering above it or double-click on it when being in the edit / move mode ([F9]). The Gauge Property dialog opens up.

wd_widget_gauge-properties

General Widget Settings

Name:

A unique name can be entered to identify the widget via the Object and Member Notation. The default name is based on the widget type and ID.

Page:

This drop-down offers all available pages to place the widget on.

ID:
The Gauge’s ID may be changed by entering a new one in the text field top left. If you change it, you will be asked if you also want to adapt the name to the new ID.

Notes:

A short note can be added here. It is not displayed outside the widget but can be set and retrieved with the WidgetID.Note property member.

Visible:

Uncheck this box to hide the widget.

Fix:
When the option “Fix” is checked, the Gauge will be displayed on every page.

Size:

Enter a pixel size for the Gauge's size.

X and Y:

Enter the location of the widget (upper left corner) in pixels

Gauge Properties

Caption:

Here, you can enter a label for the display, color and font can be selected with the respective buttons.

Resize Fonts:

This features adjusts the fonts of caption and numbers when changing the size of the widget.

Background:

An image can be loaded as a background. You can either browse your system for a picture or choose one out of the Resource Manager.

It is also possible to set a background color and transparency.

You may design your Gauge using different colors for Center, Hand, Label, Major Ticks, Minor Ticks and Border.

Tick the check boxes to hide / display the mentioned units. A decorative frame can be displayed as well.

Degree / Range:

Set Min and Max for Degree and Range to change the Gauge's size and range. Enter the amount of steps for your range.

Ui Effects & Animations

CSS based effects and animations can be applied to this widget. Please refer to the topic Effects & Animations for more information.