HorizontalGutter
The HorizontalGutter UI element helps you structure the layout and the text parts of Web Dynpro screen, 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 the HorizontalGutter UI element either with or without a separator.
To enable the development of accessible applications, the tooltip property is not checked during the syntax check, since there is no real need for a tooltip with this UI element.
Example of the Visual Display
|
|
Runtime Class |
CL_WD_HORIZONTAL_GUTTER |
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 |
|
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 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 |
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 in the system in the Web Dynpro application, WDR_TEST_UI_ELEMENTS.