Group

The Group UI element is a UI element container and can be used to group multiple UI elements under one common title. The following diagram shows that the UI element resembles a display panel with a colored background.

• activateAccessKey

  Indicates whether access key for this control is activated. More information: Enabling Access Keys

• accessibilityDescription

  When accessibility is activated, the assigned text is added to the tooltip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.

• defaultButtonId

  Specifies the ID of the assigned default button.

• design

  Describes the appearance of the Group UI element. The design property can be filled with the following values and is represented by the enumeration type WDGroupDesign.

  primarycolor	The group panel has the same background color as the title bar (color of the primary group).
  sapcolor	The title bar and the borders around the panel have the blue SAP color. The background color of the panel is white.
  secondarybox	The panel does not have borders.
  secondaryboxcolor	The background color of the panel is different from the background color of the title bar.
  secondarycolor	The panel has the same background color as the title bar (color of the secondary group). You can use this value when you want to display subgroups within a group.

• enabled

  The inherited enabled property is ignored and does not affect the browser. The label in the header of the Group UI element can be hidden by setting the value of the visibleproperty for the header to none.

• handleHotkeys

  specifies the key combination that triggers the onAction event. The value is defined as enumeration type WDHotKey .

• hasContentPadding

  Specifies whether or not it is possible to insert padding between content and UI element borders.

• height

  Determines the height of the Group, which you can specify in relative CSS units like em or ex.

• scrollingMode

  Specifies how the scroll bar appears within the UI element container. The scrollingMode property can be filled with the following values and is represented by the enumeration type WDScrollingMode.

  auto	The scroll bar within the container is activated automatically.
  both	A vertical and horizontal scroll bar are activated.
  none	Scrolling within the text context is not possible.

• width

  Determines the width of the Group. You can specify this in CSS sizes, such as em, ex, pixels or percentage values.