Show TOC

PanelStack Locate this document in the navigation structure

 

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

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

PanelStack with two panels (PanelStack with two panels)

Restrictions

Note the following restrictions for Panels 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

Properties in View Designer

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

Aggregations in View Designer

Name

Cardinality

Type

DRAG_SOURCE_INFO

0..1

DragSourceInfo

DROP_TARGET_INFO

0..1

DropTargetInfo

PANELS

0..n

Panel

Events in View Designer

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.

Dynamic Programming of Properties

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

Dynamic Programming of Aggregations

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

Dynamic Programming of Events

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.