ValueComparison

This UI element is used to display various values within a horizontal bar. In addition to a 100% marker, you can show, for instance that values go beyond 100%.

Example of the Visual Display

Note

To enable the development of accessible applications, the tooltip property is checked during the syntax check.

Runtime Class

CL_WD_GRAPHICAL_VALUE_CMP

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
barValue	F	-1	Yes
boxValue	F	-1	Yes
colorAboveThreshold	WDUI_BAR_COLOR	negative	Yes
colorBelowThreshold	WDUI_BAR_COLOR	neutral1	Yes
colorBetweenThresholds	WDUI_BAR_COLOR	critical	Yes
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	No
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		No
enabled	WDY_BOOLEAN	true	Yes
lowerThresholdValue	F	-1	Yes
markerType	WDUI_MARKER_TYPE	neutral	Yes
markerValue	F	-1	Yes
maxValue	F	-1	Yes
styleClassName	STRING		Yes
text	Translatable text		Yes
tooltip	Translatable text		Yes
upperThresholdValue	F	-1	Yes
visible	WDUI_VISIBILITY	visible	Yes
width	I	0	Yes

Note

Other properties that can be inherited are defined in the related higher-level classes. The related UI elements are:

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. But note that the spelling format and use of upper/lower case is different.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
barValue	BAR_VALUE	F
boxValue	BOX_VALUE	F
colorAboveThreshold	COLOR_ABOVE_THRESHOLD	WDUI_BAR_COLOR
colorAboveThreshold: critical	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_ABOVE_THRESHOLD-CRITICAL
colorAboveThreshold: negative	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_ABOVE_THRESHOLD-NEGATIVE
colorAboveThreshold: neutral1	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_ABOVE_THRESHOLD-NEUTRAL1
colorAboveThreshold: neutral2	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_ABOVE_THRESHOLD-NEUTRAL2
colorAboveThreshold: neutral3	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_ABOVE_THRESHOLD-NEUTRAL2
colorAboveThreshold: positive	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_ABOVE_THRESHOLD-POSITIVE
colorBelowThreshold	COLOR_BELOW_THRESHOLD	WDUI_BAR_COLOR
colorBelowThreshold: critical	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BELOW_THRESHOLD-CRITICAL
colorBelowThreshold: negative	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BELOW_THRESHOLD-NEGATIVE
colorBelowThreshold: neutral1	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BELOW_THRESHOLD-NEUTRAL1
colorBelowThreshold: neutral2	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BELOW_THRESHOLD-NEUTRAL2
colorBelowThreshold: neutral3	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BELOW_THRESHOLD-NEUTRAL3
colorBelowThreshold: positive	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BELOW_THRESHOLD-POSITIVE
colorBetweenThresholds	COLOR_BETWEEN_THRESHOLDS	WDUI_BAR_COLOR
colorBetweenThresholds: critical	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BETWEEN_THRESHOLDS-CRITICAL
colorBetweenThresholds: negative	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BETWEEN_THRESHOLDS-NEGATIVE
colorBetweenThresholds: neutral1	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BETWEEN_THRESHOLDS-NEUTRAL1
colorBetweenThresholds: neutral2	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BETWEEN_THRESHOLDS-NEUTRAL2
colorBetweenThresholds: neutral3	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BETWEEN_THRESHOLDS-NEUTRAL3
colorBetweenThresholds: positive	CL_WD_GRAPHICAL_VALUE_CMP=>E_COLOR_BETWEEN_THRESHOLDS-POSITIVE
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_GRAPHICAL_VALUE_CMP=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_GRAPHICAL_VALUE_CMP=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_GRAPHICAL_VALUE_CMP=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
lowerThresholdValue	LOWER_THRESHOLD_VALUE	F
markerType	MARKER_TYPE	WDUI_MARKER_TYPE
markerType: critical	CL_WD_GRAPHICAL_VALUE_CMP=>E_MARKER_TYPE-CRITICAL
markerType: neutral	CL_WD_GRAPHICAL_VALUE_CMP=>E_MARKER_TYPE-NEUTRAL
markerValue	MARKER_VALUE	F
maxValue	MAX_VALUE	F
styleClassName	STYLE_CLASS_NAME	STRING
text	TEXT	WDY_MD_TRANSLATABLE_TEXT
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
upperThresholdValue	UPPER_THRESHOLD_VALUE	F
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_GRAPHICAL_VALUE_CMP=>E_VISIBLE-NONE
visible: visible	CL_WD_GRAPHICAL_VALUE_CMP=>E_VISIBLE-VISIBLE
width	WIDTH	I

Example

You can find examples in the system in the Web Dynpro application, WDR_TEST_UI_ELEMENTS.