SectionHeader
Use
Never use the SectionHeader element in a View element without first associating it with the TransparentContainer element as described above.
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
Implementation Details
| Runtime Class | CL_WD_SECTION_HEADER |
Properties in View Designer
For more information, see SectionHeader Properties.
| 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 |
|
| styleClassName | STRING | Yes | |
|
Translatable text |
Yes |
||
|
WDUI_TEXT_DIRECTION |
inherit |
Yes |
|
|
Translatable text |
Yes |
||
|
WDUI_VISIBILITY |
visible |
Yes |
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 |
|---|---|---|
|
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 |
|
| styleClassName | STYLE_CLASS_NAME | STRING |
|
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 |
Example
You can find an example of this UI element in the system in the WDR_TEST_EVENTS component in the SECTION_HEADER view.