HorizontalGutter
The HorizontalGutter UI element helps you structure layout and text parts, similar to the HTML tag <hr>. You use it to insert additional, vertical spaces between UI elements and to group together elements and texts that belong together. The HorizontalGutter UI element provides different heights. You can display this element with or without a separator.
To enable the development of accessible applications, the tooltip property is not checked during the syntax check because a tooltip would not be useful for this UI element.
Example of the visual display
|
|
Runtime class |
CL_WD_HORIZONTAL_GUTTER |
Properties in the View Designer
Name |
Type |
Initial value |
Bindable |
id |
STRING |
(automatic) |
No |
WDUI_CONTEXT_MENU_BEHAVIOUR |
inherit |
No |
|
WDY_MD_UI_ELEMENT_REFERENCE |
|
No |
|
WDY_BOOLEAN |
true |
Yes |
|
WDUI_HOR_DIV_RULE_HEIGHT |
medium |
Yes |
|
WDUI_HOR_GUTTER_RULE_TYPE |
areaRule |
Yes |
|
Translatable text |
|
Yes |
|
WDUI_VISIBILITY |
visible |
Yes |
|
STRING |
100% |
Yes |
Other properties that can be inherited are defined in the associated high-level classes. The associated UI elements are:
Dynamic Programming
For dynamic programming, the same properties, events, and aggregations are available as in the View Designer. 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_HORIZONTAL_GUTTER=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT |
|
contextMenuBehaviour: provide |
CL_WD_HORIZONTAL_GUTTER=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE |
|
contextMenuBehaviour: suppress |
CL_WD_HORIZONTAL_GUTTER=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS |
|
CONTEXT_MENU_ID |
WDY_MD_UI_ELEMENT_REFERENCE |
|
ENABLED |
WDY_BOOLEAN |
|
HEIGHT |
WDUI_HOR_DIV_RULE_HEIGHT |
|
height: large |
CL_WD_HORIZONTAL_GUTTER=>E_HEIGHT-LARGE |
|
height: medium |
CL_WD_HORIZONTAL_GUTTER=>E_HEIGHT-MEDIUM |
|
height: ruleHeight |
CL_WD_HORIZONTAL_GUTTER=>E_HEIGHT-RULE_HEIGHT |
|
height: small |
CL_WD_HORIZONTAL_GUTTER=>E_HEIGHT-SMALL |
|
RULE_TYPE |
WDUI_HOR_GUTTER_RULE_TYPE |
|
ruleType: areaRule |
CL_WD_HORIZONTAL_GUTTER=>E_RULE_TYPE-AREA_RULE |
|
ruleType: none |
CL_WD_HORIZONTAL_GUTTER=>E_RULE_TYPE-NONE |
|
ruleType: pageRule |
CL_WD_HORIZONTAL_GUTTER=>E_RULE_TYPE-PAGE_RULE |
|
TOOLTIP |
WDY_MD_TRANSLATABLE_TEXT |
|
VISIBLE |
WDUI_VISIBILITY |
|
visible: none |
CL_WD_HORIZONTAL_GUTTER=>E_VISIBLE-NONE |
|
visible: visible |
CL_WD_HORIZONTAL_GUTTER=>E_VISIBLE-VISIBLE |
|
WIDTH |
STRING |
|
Example
You can find examples of this UI element in the system in the WDR_TEST_UI_ELEMENTS Web Dynpro application.