Start of Content Area

Background documentation ValueComparison  Locate the document in its SAP Library structure

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

○        This graphic is explained in the accompanying text

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 the 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

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 associated higher-level classes. The associated UI elements are:

●        UIElement

●        ContextMenuProvider

●        ViewElement

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. Bear in mind the different spellings.

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

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.

 

 

End of Content Area