Group

Use

The Group UI element is a UI element container and can be used to group multiple UI elements under one common title. The UI element looks like a display panel with a colored background.

The enabled property has no effect on the UI element children you inserted into the UIElementContainer. If, for example, you set the enabled property to false in the group UI element, an input field inserted in it is not automatically deactivated. If the UI element children in this group UI element are also to be deactivated, you must set the relevant property for each UI element separately.

Examples of the Display

Group with Primary Color

Group with Secondary Color and Tool Bar

Group with sapcolor

Runtime Class

CL_WD_GROUP

Properties in View Designer

Name

Type

Initial Value

Bindable

id

STRING

(automatic)

No

accessibilityDescription

Translatable text

Yes

activateAccessKey

WDY_BOOLEAN

false

No

ariaLandmark

WDUI_ARIA_LANDMARK None Yes

contextMenuBehaviour

WDUI_CONTEXT_MENU_BEHAVIOUR

inherit

No

contextMenuId

WDY_MD_UI_ELEMENT_REFERENCE

No

defaultButtonId

WDY_MD_UI_ELEMENT_REFERENCE

Yes

design

WDUI_GROUP_DESIGN

primarycolor

Yes

enabled

WDY_BOOLEAN

true

Yes

handleHotkeys

WDY_BOOLEAN

false

No

hasContentPadding

WDY_BOOLEAN

true

Yes

height

STRING

Yes

scrollingMode

WDUI_SCROLLING_MODE

none

Yes

scrollLeft

I

0

No

scrollTop

I

0

No

styleClassName STRING Yes

tooltip

Translatable text

Yes

visible

WDUI_VISIBILITY

visible

Yes

width

STRING

Yes

Aggregations in the View Designer

Name

Cardinality

Type

Element

0..n

UIElement

Header

1..1

Caption

Toolbar

0..1

ToolBar

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.

Dynamic Programming of Properties

View Designer Name

Runtime Name

Type

accessibilityDescription

ACCESSIBILITY_DESCR

WDY_MD_TRANSLATABLE_TEXT

activateAccessKey

ACTIVATE_ACCESS_KEY

WDY_BOOLEAN

ariaLandmark

ARIA_LANDMARK WDUI_ARIA_LANDMARK
ariaLandmark: Application CL_WD_GROUP=>E_ARIA_LANDMARK-APPLICATION
ariaLandmark: Article CL_WD_GROUP=>E_ARIA_LANDMARK-ARTICLE
ariaLandmark: Banner CL_WD_GROUP=>E_ARIA_LANDMARK-BANNER
ariaLandmark: Complementary CL_WD_GROUP=>E_ARIA_LANDMARK-COMPLEMENTARY
ariaLandmark: Contentinfo CL_WD_GROUP=>E_ARIA_LANDMARK-CONTENTINFO
ariaLandmark: Form CL_WD_GROUP=>E_ARIA_LANDMARK-FORM
ariaLandmark: Main CL_WD_GROUP=>E_ARIA_LANDMARK-MAIN
ariaLandmark: Navigation CL_WD_GROUP=>E_ARIA_LANDMARK-NAVIGATION
ariaLandmark: None CL_WD_GROUP=>E_ARIA_LANDMARK-NONE
ariaLandmark: Search CL_WD_GROUP=>E_ARIA_LANDMARK-SEARCH

contextMenuBehaviour

CONTEXT_MENU_BEHAVIOUR

WDUI_CONTEXT_MENU_BEHAVIOUR

 contextMenuBehaviour: inherit

CL_WD_GROUP=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT

 contextMenuBehaviour: provide

CL_WD_GROUP=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE

 contextMenuBehaviour: suppress

CL_WD_GROUP=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS

contextMenuId

CONTEXT_MENU_ID

WDY_MD_UI_ELEMENT_REFERENCE

defaultButtonId

DEFAULT_BUTTON_ID

WDY_MD_UI_ELEMENT_REFERENCE

design

DESIGN

WDUI_GROUP_DESIGN

design: primarycolor

CL_WD_GROUP=>E_DESIGN-PRIMARYCOLOR

design: sapcolor

CL_WD_GROUP=>E_DESIGN-SAPCOLOR

design: secondarybox

CL_WD_GROUP=>E_DESIGN-SECONDARYBOX

design: secondaryboxcolor

CL_WD_GROUP=>E_DESIGN-SECONDARYBOXCOLOR

design: secondarycolor

CL_WD_GROUP=>E_DESIGN-SECONDARYCOLOR

design: underline

CL_WD_GROUP=>E_DESIGN-UNDERLINE

enabled

ENABLED

WDY_BOOLEAN

handleHotkeys

HANDLE_HOTKEYS

WDY_BOOLEAN

hasContentPadding

HAS_CONTENT_PADDING

WDY_BOOLEAN

height

HEIGHT

STRING

scrollingMode

SCROLLING_MODE

WDUI_SCROLLING_MODE

scrollingMode: auto

CL_WD_GROUP=>E_SCROLLING_MODE-AUTO

scrollingMode: both

CL_WD_GROUP=>E_SCROLLING_MODE-BOTH

scrollingMode: none

CL_WD_GROUP=>E_SCROLLING_MODE-NONE

scrollLeft

SCROLL_LEFT

I

scrollTop

SCROLL_TOP

I

styleClassName STYLE_CLASS_NAME STRING

tooltip

TOOLTIP

WDY_MD_TRANSLATABLE_TEXT

visible

VISIBLE

WDUI_VISIBILITY

visible: none

CL_WD_GROUP=>E_VISIBLE-NONE

visible: visible

CL_WD_GROUP=>E_VISIBLE-VISIBLE

width

WIDTH

STRING

Dynamic Programming of Aggregations

View Designer Name

Runtime Name

Cardinality

Element

CHILDREN

0..n

Header

HEADER

1..1

Toolbar

TOOLBAR

0..1

Example

You can find an example of this UI element in the system in the WDR_TEST_UI_ELEMENTS Web Dynpro application.