Page Comparison

The Select Data icon in the overlay UI opens the dialog. The base value and the target value of the progress bar can be selected from the data source here.

Data

Target Offset [%]

Enter the percentage by which the bar should be extended in addition to the target value in order to create space for surplus. This option only has an effect if the next
To Target option was selected in the next option.

Formatting Mode

To target - Draws the bar up to the target plus the target offset value.

Total Width - In this mode, the entire bar represents the target value.

Areas

Any You can define any number of intermediate targets can be defined here. The color can be selected in the dialog and In the corresponding dialog, you can select the color and specify the target value can be specified as a percentage. You can also create these by clicking in an empty area of the bar and moving them by dragging.
Clicking on the area marker in the module opens a dialog in which the color of the area can be adjusted. You can also remove it again by clicking Delete. The markers are only visible at design time.

Default Color

Specify the color for undefined areas here.

Bar

Bar Width

Enter the total width of the bar in % or px here.

Bar height

The height of the bar can also be specified in % or px.

Labels

Control which labels are to be displayed here.

Title

Activate the checkbox to add a title to the module. This can be formatted with html tags.

Font

Size

Affects all font sizes in the module.

Family

The font can be selected here. If this is not available on the system, it will be replaced by one from the same font family.

Colors

Color of bar-background

Sets the bar color for the area after the measure bar.

Color for errors

Set the color to be displayed for data that is not meaningful in this context.

Target

Enable Target Indicator

Activate or deactivate the target value indicator. This is activated by default.

Color of Indicator

Sets the color of the indicator.

Indicator Border Width

Set the line width of the indicator here. This also influences the size.

Background

Background-Color

Set the background color of the module here.