Group 

The Group UI element is a UI element container and can be used to group multipe UI elements under one common title. The appearance of this 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 UI Element Container. 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 mit SAP Color

If the property caption has not been set, the property accessibilityDescription is checked during the design time to ensure Accessibility.

The property tooltip is not checked.

A tooltip does not necessarily have to be set for this UI element, but it could make sense to set it if it contains detailed semantic information.

 

Runtime Class

CL_WD_GROUP

 

Properties in the View Designer

Name	Type	Initial Value	Bindable
ID	STRING	(automatic)	No
accessibilityDescription	Text		Yes
defaultButtonId	STRING		Yes
design	WDUI_GROUP_DESIGN	primarycolor	Yes
enabled	WDY_BOOLEAN	true	Yes
hasContentPadding	WDY_BOOLEAN	true	Yes
height	STRING		Yes
scrollingMode	WDUI_SCROLLING_MODE	none	Yes
tooltip	Text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	STRING		Yes

 

Aggregations in the View Designer

Name	Cardinality	Type
Element	0..n	UI Element
Header	1..1	Caption
Toolbar	0..1	ToolBar

Further properties that can be inherited are defined in the associated higher-level class.  The associated interface elements are:

·         ScrollContainer

·         UIElementContainer

·         UIElement

·         ViewElement

Dynamic Programming

For dynamic programming the same properties, events, and aggregations are provide in the View Designer. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
accessibilityDescription	ACCESSIBILITY_DESCR	WDY_MD_TRANSLATABLE_TEXT
defaultButtonId	DEFAULT_BUTTON_ID	STRING
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
enabled	ENABLED	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
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 Web Dynpro application, WDR_TEST_UI_ELEMENTS.