PanelStack Properties
-
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
-
CautionThis 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.
NoteActive Elements are not supported in scrollable elements, which means these UI elements cannot be used in a container with scrollingMode <> none. If they are used, these elements are positioned incorrectly on the page.
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.
NoteThe 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.