ContextualPanel

This UI element provides navigation functions with view switch.The navigation list can include more than three levels.

1. Phase 2Element is represented as a group in the navigation list
2. Phase 2Element is represented as an entry in a group in the navigation list
From phase 3Element is represented as a menu entry

The view switch is not automatically toggled.There is an INDEX parameter containing the index of the selected view switch (counting from 1 upwards).

The navigation list requests a context node that contains a recursion node on itself. This enables you to map a tree with any number of nodes with links. You can only click on the end node of this "tree", that is if an element does not contain and subnodes with further elements.

Note

NavigationList.item_selectable affects only the "leaves" and not the "nodes" in between (for example, menus).

When you click on a link in the navigation list, the ON_SELECT event is triggered. You can find the link you clicked on in the event parameter CONTEXT_ELEMENT (TYPE REF TO IF_WD_CONTEXT_ELEMENT).

Example of the Visual Display

Runtime Class

CL_WD_CONTEXTUAL_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
enabled	WDY_BOOLEAN	true	Yes
tooltip	Translatable text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	I	220	Yes

Aggregations in the View Designer

Name	Cardinality	Type
Element	0..n	ContextualPanelItem

Events in the View Designer

Name
onPersonalize

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_CONTEXTUAL_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_CONTEXTUAL_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_CONTEXTUAL_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_CONTEXTUAL_PANEL=>E_VISIBLE-NONE
visible: visible	CL_WD_CONTEXTUAL_PANEL=>E_VISIBLE-VISIBLE
width	WIDTH	I

Dynamic Programming of Events

View Designer Name	Runtime Name
onPersonalize	ON_PERSONALIZE

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
Element	ITEMS	0..n

Example

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