Show TOC

 SectionHeaderLocate this document in the navigation structure

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 the 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

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 associated higher-level classes. The associated UI elements are:

Dynamic Programming

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

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

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.