PanelStack Properties

Use

ariaLandmark

With this property you can define Accessible Rich Internet Applications (ARIA) landmarks for container UI elements Group, Tray, Panel, PanelStack, ScrollContainer, and TransparentContainer. You select the UI element function to enable users to navigate with a screen reader within your application. If you set the ariaLandmark property, ARIA landmarks are added to an HTML element by the role attribute.

Value	Description
Application	Web application area (in contrast to web document)
Article	Area consisting of an independent part of a document or a page (e.g. forum post, magazine article, web log entry, user comment)
Banner	Page header
Complementary	Area with supplementary information that supports the main content and is comprehensible without reference to this information
Contentinfo	Metadata that relates to the parent document (e.g. footnotes, copyright, or links to data protection statements)
Form	Elements that together make up a form.
Main	Main content area
Navigation	Elements to navigate within the document or to similar documents (e.g. links).
None	No landmark role
Search	Area with search function

collapseMode

Mode for collapsing the PanelStack.

Value	Example of the Visual Display	Description
none		The PanelStack cannot be collapsed.. The triangle icon is greyed out.
toHorizontalLine		A PanelStack is collapsed like in a Tray, that is, towards the header. The triangle icon for collapsing and expanding is displayed.
toVerticalLine	-	Caution This value is presently not permitted.

expanded

Specifies whether the PanelStack is expanded. If the value is false, only the tray heading with an expand button is displayed. The toolbar and content area are invisible in this state. When you click this icon, the PanelStack expands and the expand button changes to a collapse button.
height

Height of the UI element; see also Methods and Properties of UI Elements.

This property can be personalized by administrators.

scrollingMode

Display of the scroll bar within the UI element.

This property can be personalized by administrators.

Value	Description	Can be Set Using Personalization
auto	The scroll bar within the container is activated automatically. Note that ta value must be set with property height.	Yes
both	A vertical and horizontal scroll bar are activated.	Yes
none	If necessary, the container is made larger so that the entire content can be displayed without scrolling.	Yes

selectedPanel

ID of the selected Panel.

Note

The application must ensure that the selected Panel is actually visible: The application must not hide the selected Panel, and must not set an invisible Panel as a selectedPanel in the PanelStack.

.

selectionChangeBehaviour

Enables the application to reset the selectedPanel property.

Value	Description
auto	With user interaction the selectedPanel is set and the onSelect event triggered.
manual	With user interaction only the onSelect event is triggered; the selectedPanel is not set by the framework. This means that the application can decide whether the Panel switch should take place or not. If the Panel switch is to take place, the application itself must set the property selectedPanel.

stackDesign

Displays the individual Panels in the PanelStack.

Value	Example of the Visual Display	Description
menu		Display in form of menu entries
tab		Display in form of tabs

width

Width of the UI element; see also Methods and Properties of UI Elements.

This property can be personalized by administrators.