Show TOC

HorizontalContextualPanelLocate this document in the navigation structure

This UI element provides a navigation structure similar to the ContextualPanel with a two-level navigation hierarchy.

The currently selected entry is determined by the lead selection.

Examples of the Display

One-level

Two-level

Runtime Class

CL_WD_HORIZONTAL_CTX_PANEL

Properties in View Designer

Name Type Initial Value Bindable

id

STRING

(automatic)

No

contextMenuBehaviour

WDUI_CONTEXT_MENU_BEHAVIOUR

inherit

No

contextMenuId

WDY_MD_UI_ELEMENT_REFERENCE

No

design

WDUI_HOR_CTX_PANEL_DESIGN

standard

Yes

enabled

WDY_BOOLEAN

true

Yes

itemEnabled

WDY_BOOLEAN

true

Yes

itemSource

Context Node

Mandatory

itemText

Translatable text

Yes

itemTextDirection

WDUI_TEXT_DIRECTION

inherit

Yes

itemVisible

WDY_BOOLEAN

true

Yes

tooltip

Translatable text

Yes

styleClassName STRING Yes

visible

WDUI_VISIBILITY

visible

Yes

Events in View Designer

Name

onSelect

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

contextMenuBehaviour

CONTEXT_MENU_BEHAVIOUR

WDUI_CONTEXT_MENU_BEHAVIOUR

 contextMenuBehaviour: inherit

CL_WD_HORIZONTAL_CTX_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT

 contextMenuBehaviour: provide

CL_WD_HORIZONTAL_CTX_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE

 contextMenuBehaviour: suppress

CL_WD_HORIZONTAL_CTX_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS

contextMenuId

CONTEXT_MENU_ID

WDY_MD_UI_ELEMENT_REFERENCE

design

DESIGN

WDUI_HOR_CTX_PANEL_DESIGN

design: emphasized

CL_WD_HORIZONTAL_CTX_PANEL=>E_DESIGN-EMPHASIZED

design: standard

CL_WD_HORIZONTAL_CTX_PANEL=>E_DESIGN-STANDARD

enabled

ENABLED

WDY_BOOLEAN

itemEnabled

ITEM_ENABLED

WDY_BOOLEAN

itemSource

ITEM_SOURCE

OBJECT

itemText

ITEM_TEXT

WDY_MD_TRANSLATABLE_TEXT

itemTextDirection

ITEM_TEXT_DIRECTION

WDUI_TEXT_DIRECTION

itemTextDirection: inherit

CL_WD_HORIZONTAL_CTX_PANEL=>E_ITEM_TEXT_DIRECTION-INHERIT

itemTextDirection: ltr

CL_WD_HORIZONTAL_CTX_PANEL=>E_ITEM_TEXT_DIRECTION-LTR

itemTextDirection: rtl

CL_WD_HORIZONTAL_CTX_PANEL=>E_ITEM_TEXT_DIRECTION-RTL

itemVisible

ITEM_VISIBLE

WDY_BOOLEAN

styleClassName STYLE_CLASS_NAME STRING

tooltip

TOOLTIP

WDY_MD_TRANSLATABLE_TEXT

visible

VISIBLE

WDUI_VISIBILITY

visible: none

CL_WD_HORIZONTAL_CTX_PANEL=>E_VISIBLE-NONE

visible: visible

CL_WD_HORIZONTAL_CTX_PANEL=>E_VISIBLE-VISIBLE

Dynamic Programming of Events

View Designer Name Runtime Name

onSelect

ON_SELECT

Example

You can find an example of this UI element in the system in component WDR_TEST_EVENTS in the view HOR_CTX_PANEL.