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.
Example of the Visual Display
|
|
| Runtime Class |
CL_WD_HORIZONTAL_GUTTER |
Properties in 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 |
|
| styleClassName | STRING | Yes | |
|
Translatable text |
Yes |
||
|
WDUI_VISIBILITY |
visible |
Yes |
|
|
STRING |
100% |
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_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 |
|
| styleClassName | STYLE_CLASS_NAME | STRING |
|
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.