
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.
If the SectionHeader and the TransparentContainer are in accessibility mode, keep in mind the following:
| Runtime Class |
CL_WD_SECTION_HEADER |
Properties in the View Designer
| Name | Type | Initial Value | Bindable |
|---|---|---|---|
|
STRING |
(automatic) |
No |
|
|
WDUI_CONTEXT_MENU_BEHAVIOUR |
inherit |
No |
|
|
WDY_MD_UI_ELEMENT_REFERENCE |
No |
||
|
WDUI_SECTION_HEADER_DESIGN |
standard |
Yes |
|
|
WDY_BOOLEAN |
true |
Yes |
|
|
WDY_BOOLEAN |
false |
No |
|
|
WDUI_SECTION_HEADER_LEVEL |
header6 |
Yes |
|
|
Translatable text |
Yes |
||
|
WDUI_TEXT_DIRECTION |
inherit |
Yes |
|
|
Translatable text |
Yes |
||
|
WDUI_VISIBILITY |
visible |
Yes |
Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:
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 | |||||||
|---|---|---|---|---|---|---|---|---|---|
|
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 |
||||||||
|
CONTEXT_MENU_ID |
WDY_MD_UI_ELEMENT_REFERENCE |
||||||||
|
DESIGN |
WDUI_SECTION_HEADER_DESIGN |
||||||||
|
design: standard |
CL_WD_SECTION_HEADER=>E_DESIGN-STANDARD |
||||||||
|
design: underline |
CL_WD_SECTION_HEADER=>E_DESIGN-UNDERLINE |
||||||||
|
ENABLED |
WDY_BOOLEAN |
||||||||
|
IS_DRAG_HANDLE |
WDY_BOOLEAN |
||||||||
|
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 |
WDY_MD_TRANSLATABLE_TEXT |
||||||||
|
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 |
WDY_MD_TRANSLATABLE_TEXT |
||||||||
|
VISIBLE |
WDUI_VISIBILITY |
||||||||
|
visible: none |
CL_WD_SECTION_HEADER=>E_VISIBLE-NONE |
||||||||
|
visible: visible |
CL_WD_SECTION_HEADER=>E_VISIBLE-VISIBLE |
||||||||
You can find an example of this UI element in the system in the WDR_TEST_EVENTS component in the SECTION_HEADER view.