Show TOC

PanelStackLocate this document in the navigation structure

Use

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

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

Name

Type

Initial Value

Bindable

id

STRING

(automatic)

No

ariaLandmark

WDUI_ARIA_LANDMARK

None

Yes

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

styleClassName STRING Yes

tooltip

Translatable text

Yes

visible

WDUI_VISIBILITY

visible

Yes

width

STRING

Yes

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 as in the View Designer are available. But note that the spelling format and use of upper/lower case is different.

View Designer Name

Runtime Name

Type

ariaLandmark

ARIA_LANDMARK

WDUI_ARIA_LANDMARK

ariaLandmark: Application

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-APPLICATION

ariaLandmark: Article

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-ARTICLE

ariaLandmark: Banner

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-BANNER

ariaLandmark: Complementary

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-COMPLEMENTARY

ariaLandmark: Contentinfo

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-CONTENTINFO

ariaLandmark: Form

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-FORM

ariaLandmark: Main

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-MAIN

ariaLandmark: Navigation

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-NAVIGATION

ariaLandmark: None

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-NONE

ariaLandmark: Search

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-SEARCH

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

styleClassName STYLE_CLASS_NAME STRING

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.