Page Comparison

DataData

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

Title

Activate the checkbox to add a title to the module.

Title Text

The title can be entered here. Use HTML tags to format it. The following HTML tags can be used for this: 'b', 'i', 'p', 'span', 'div', 'br', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'ol', 'ul', 'li' und 'blockquote'.

Font Size

Adjust the font size of the title.

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 in px here. This also influences the size.

Thresholds

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 draws the bar up to the target plus the target offset value.

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

Areas

Any number of intermediate targets can be defined here. The color can be selected in the dialog and the target value can be specified as a percentage. You can also create these by clicking in an empty area of the bar.

Default Color

Specify the color for undefined areas here.

Labels

Use the checkboxes to control which labels are to be displayed.

Bar

Bar Width

Enter the total width of the bar in % or px herepx, em, rem or %.

Bar height

The Enter 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.

in px, em, rem or %.

Font

Size

Affects all font sizes labels 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.

Module Background

Background

Color

Set the background color of the module here.