ContextualPanel 

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

·        1. Level:
Element is represented as a group in the navigation list

·        2. Level:
Element is represented as an entry in a group in the navigation list

As of level 3:
Element is represented as a Menu.

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 ans subnodes with further elements.

NavigationList.item_selectable effects 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 Display

 

Runtime Class

CL_WD_CONTEXTUAL_PANEL

 

Properties in the View Designer

Name	Type	Initial Value	Bindable
ID	STRING	(automatic)	No
enabled	WDY_BOOLEAN	true	Yes
tooltip	Text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	I	220	Yes

 

Aggregations in the View Designer

Name	Cardinality	Type
ITEMS	0..n	ContextualPanelItem

 

Events in the View Designer

Name

onPersonalize

 

Properties that can be inherited are defined in the associated higher-level class.  The associated interface elements are:

·         UIElement

·         ViewElement

Dynamic Programming

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

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
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
ITEMS	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. The interface for Configuration and Personalization is also implemented with this UI element.