SectionHeader

A SectionHeader is used to display a header for a section in a form.

You can link a SectionHeader to a TransparentContainer by setting the attribute labeledBy: TransparentContainer.labeledBy=SectionHeader.Id if TransparentContainer.isLayout=false

Do's for SectionHeader

Always use the SectionHeader element in a TransparentContainer element with isLayoutContainer=false as a title.

Don'ts for SectionHeader

Never use the SectionHeader element in a View element without first associating it with the TransparentContainer element as described above.

Note

If the SectionHeader and the TransparentContainer are in accessibility mode, keep in mind the following:

The SectionHeader cannot be accessed using tabulators.
The accessibility text fort he TransparentContainer is the text in the accessibilityDescription property. If this is not set, and if there is a SectionHeader in TransparentContainer, the SectionHeader.text property is used as the accessibility text.

Runtime Class

CL_WD_SECTION_HEADER

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	No
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		No
design	WDUI_SECTION_HEADER_DESIGN	standard	Yes
enabled	WDY_BOOLEAN	true	Yes
isDragHandle	WDY_BOOLEAN	false	No
level	WDUI_SECTION_HEADER_LEVEL	header6	Yes
styleClassName	STRING		Yes
text	Translatable text		Yes
textDirection	WDUI_TEXT_DIRECTION	inherit	Yes
tooltip	Translatable text		Yes
visible	WDUI_VISIBILITY	visible	Yes

Note

Other properties that can be inherited are defined in the related higher-level classes. The related UI elements are:

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
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_SECTION_HEADER=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_SECTION_HEADER=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_SECTION_HEADER=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
design	DESIGN	WDUI_SECTION_HEADER_DESIGN
design: standard	CL_WD_SECTION_HEADER=>E_DESIGN-STANDARD
design: underline	CL_WD_SECTION_HEADER=>E_DESIGN-UNDERLINE
enabled	ENABLED	WDY_BOOLEAN
isDragHandle	IS_DRAG_HANDLE	WDY_BOOLEAN
level	LEVEL	WDUI_SECTION_HEADER_LEVEL
level: header4	CL_WD_SECTION_HEADER=>E_LEVEL-HEADER4
level: header5	CL_WD_SECTION_HEADER=>E_LEVEL-HEADER5
level: header6	CL_WD_SECTION_HEADER=>E_LEVEL-HEADER6
styleClassName	STYLE_CLASS_NAME	STRING
text	TEXT	WDY_MD_TRANSLATABLE_TEXT
textDirection	TEXT_DIRECTION	WDUI_TEXT_DIRECTION
textDirection inherit	CL_WD_SECTION_HEADER=>E_TEXT_DIRECTION-INHERIT
textDirection ltr	CL_WD_SECTION_HEADER=>E_TEXT_DIRECTION-LTR
textDirection rtl	CL_WD_SECTION_HEADER=>E_TEXT_DIRECTION-RTL
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_SECTION_HEADER=>E_VISIBLE-NONE
visible: visible	CL_WD_SECTION_HEADER=>E_VISIBLE-VISIBLE

Example

You can find an example of this UI element in the system in the WDR_TEST_EVENTS component in the SECTION_HEADER view.