HorizontalContextualPanel

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 the 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
visible	WDUI_VISIBILITY	visible	Yes

Events in the View Designer

Name
onSelect

Note

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

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