PanelStack

Use

A PanelStack contains multiple Panel UI elements. There should always be a minimum of two Panel s. A Panel is always visible, and is expanded by default. The inactive Panel s are available either as tabs or as menu entries.

Drag & drop is provided for the set application parameter WDUIGUIDELIND=GL20 .

PanelStack with two panels

Restrictions

Note the following restrictions for Panel s in a PanelStack:

You can set properties expandable and expanded, and event onToggle only for the full PanelStack. Therefore use these properties or the event for PanelStack.
You can set properties scrollingMode, width, and height only for the full PanelStack. Therefore use these properties only for PanelStack.
HeaderFunctions and HeaderToolBar are presently not supported.

Implementation Details

Runtime Class

CL_WD_PANEL_STACK

Name	Type	Initial Value	Bindable
ID	STRING	(automatic)	No
collapseMode	WDUI_PANEL_STACK_COLLAPSE_MODE	toHorizontalLine	Yes
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	No
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		No
enabled	WDY_BOOLEAN	true	Yes
expanded	WDY_BOOLEAN	true	Yes
height	STRING		Yes
scrollingMode	WDUI_SCROLLING_MODE	none	Yes
selectedPanel	STRING		Yes
selectionChangeBehaviour	WDUI_TABSTRIP_SEL_CHNG_BEHVR	auto	No
stackDesign	WDUI_PANEL_STACK_DESIGN	tab	Yes
tooltip	Translatable text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	STRING		Yes

Name	Cardinality	Type
DRAG_SOURCE_INFO	0..1	DragSourceInfo
DROP_TARGET_INFO	0..1	DropTargetInfo
PANELS	0..n	Panel

Name
onDrop
onSelect
onToggle

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 are available as in the View Designer. Note the different spellings.

View Designer Name	Runtime Name	Type
collapseMode	COLLAPSE_MODE	WDUI_PANEL_STACK_COLLAPSE_MODE
collapseMode: none	CL_WD_PANEL_STACK=>E_COLLAPSE_MODE-NONE
collapseMode: toHorizontalLine	CL_WD_PANEL_STACK=>E_COLLAPSE_MODE-TO_HORIZONTAL_LINE
collapseMode: toVerticalLine	CL_WD_PANEL_STACK=>E_COLLAPSE_MODE-TO_VERTICAL_LINE
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_PANEL_STACK=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_PANEL_STACK=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_PANEL_STACK=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
expanded	EXPANDED	WDY_BOOLEAN
height	HEIGHT	STRING
scrollingMode	SCROLLING_MODE	WDUI_SCROLLING_MODE
scrollingMode: auto	CL_WD_PANEL_STACK=>E_SCROLLING_MODE-AUTO
scrollingMode: both	CL_WD_PANEL_STACK=>E_SCROLLING_MODE-BOTH
scrollingMode: none	CL_WD_PANEL_STACK=>E_SCROLLING_MODE-NONE
selectedPanel	SELECTED_PANEL	STRING
selectionChangeBehaviour	SELECTION_CHANGE_BEHAVIOUR	WDUI_TABSTRIP_SEL_CHNG_BEHVR
selectionChangeBehaviour: auto	CL_WD_PANEL_STACK=>E_SELECTION_CHANGE_BEHAVIOUR-AUTO
selectionChangeBehaviour: manual	CL_WD_PANEL_STACK=>E_SELECTION_CHANGE_BEHAVIOUR-MANUAL
stackDesign	STACK_DESIGN	WDUI_PANEL_STACK_DESIGN
stackDesign: menu	CL_WD_PANEL_STACK=>E_STACK_DESIGN-MENU
stackDesign: tab	CL_WD_PANEL_STACK=>E_STACK_DESIGN-TAB
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_PANEL_STACK=>E_VISIBLE-NONE
visible: visible	CL_WD_PANEL_STACK=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

View Designer Name	Runtime Name	Cardinality
DRAG_SOURCE_INFO	DRAG_SOURCE_INFO	0..1
DROP_TARGET_INFO	DROP_TARGET_INFO	0..1
PANELS	PANELS	0..n

View Designer Name	Runtime Name
onDrop	ON_DROP
onSelect	ON_SELECT
onToggle	ON_TOGGLE

Example

You can find a test example in the system in components WDR_TEST_PANEL_STACK and DEMO_HRMNZDUI_EDIT_PAGE.