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 Display

 

Runtime Class

CL_WD_HORIZONTAL_GUTTER

 

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
enabled	WDY_BOOLEAN	true	Yes
height	WDUI_HOR_DIV_RULE_HEIGHT	medium	Yes
ruleType	WDUI_HOR_GUTTER_RULE_TYPE	areaRule	Yes
tooltip	Text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	STRING	100%	Yes

Other properties that can be inherited are defined in the associated higher-level class. The associated UI elements are:

●      UIElement

●      ViewElement

Dynamic Programming

For dynamic programming, the same properties, events and aggregations are available as in View Designer. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
enabled	ENABLED	WDY_BOOLEAN
height	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
ruleType	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	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_HORIZONTAL_GUTTER=>E_VISIBLE-NONE
visible: visible	CL_WD_HORIZONTAL_GUTTER=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

Example

You can find examples in the system in the Web Dynpro application, WDR_TEST_UI_ELEMENTS.