Panel 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

contentDesign

Here you can change the design of the Panel content area. This property behaves like the corresponding property in a Tray or a Group.

Value	Description
fillBorder	The content area appears with a background color and a frame.
fillNoBorder	The content area appears with a background color and no frame.
plainBorder	The content area appears with a white background and a frame.
plainNoBorder	The content area appears with a white background and no frame.
transparentNoBorder	The content area appears with a transparent background and no frame.
transparentBorder	The content area appears with a transparent background and a frame.

This property can be personalized by administrators.

contentPadding

Specifies whether there is a padding between the content area and the border of the Panel. This property corresponds to hasContentPadding of the Tray and the Group, with the difference that it has enumeration values.

Value	Visualization	Description	Can be Set Using Personalization
none		There is no padding.	Yes
standard		There is padding.	Yes

This property can be personalized by administrators.

expandable

Specifies whether the Panel can be expanded in general.
expanded

Determines whether the Panel is expanded. If the Boolean 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 Panel expands and the expand button changes to a collapse button.

headerDesign

Header design

Value	Visualization	Description	Can be Set Using Personalization
standard		Standard display	Yes
underline		Displayed underlined	Yes

This property can be personalized by administrators.

imageSource

Name and path of the icon displayed between the expand arrow and the title in the header.

More information: Handling Web Icons
isDragHandle

Determines whether the title of the panel can be used as a drag handle in layout drag and drop scenarios.
title

Text of title in the header.

This property can be personalized by administrators.
titleEditable

The title can be edited and, if for example title is linked to the context, can be written back to it. This property behaves like AccordionItem.readOnly.

Note
Personalization overrides any changes users may make. For this reason only use this feature if the text is part of the business data.

This property can be personalized by administrators. In personalization, this property can be assigned the value: true

scrollLeft

Horizontal position of the scrollbar

scrollLeft can only be set or read dynamically. It is not possible to bind scrollLeft to the context.
scrollTop

Vertical position of the scrollbar

scrollTop can only be set or read dynamically. It is not possible to bind scrollTop to the context.

Note

The following getter and setter methods are available to get or set the vertical and horizontal position of the scrollbar:

GET_SCROLL_LEFT: Gets the horizontal scroll position
GET_SCROLL_TOP: Gets the vertical scroll position
SET_SCROLL_LEFT: Sets the horizontal scroll position
SET_SCROLL_TOP: Sets the vertical scroll position

Note

The initial value of the attributes scrollLeft and scrollTop is -1. You can no longer reach this value by scrolling. This allows the application to determine whether the container has been scrolled or not. Therefore, the smallest value that can be reached after scrolling in either direction is 0.