DesignTimeArea

Use

The DesignTimeArea UI element enables you to put almost any area in a Web Dynpro ABAP view into a mode in which the normal interaction behavior of a UI element (for example, clicking on a button, entering text in an InputField, selecting a checkbox, and so on) is deactivated.

Your application can transfer a multitude of UI element IDs, which the user can select. These view elements are called DesignTimeElements. DesignTimeElements can be moved with Drag&Drop, deleted using the context menu, or edited in other ways.

Runtime Class

CL_WD_DESIGN_TIME_AREA

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	No
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		No
dataSource	Context Node		Mandatory
design	WDUI_DTEDESIGN	standard	Yes
dragGhostType	WDUI_DRAG_GHOST_TYPE	box	Yes
dragSourceInfoId	WDY_MD_UI_ELEMENT_REFERENCE		Yes
dropInfoIdBegin	WDY_MD_UI_ELEMENT_REFERENCE		Yes
dropInfoIdBottom	WDY_MD_UI_ELEMENT_REFERENCE		Yes
dropInfoIdEnd	WDY_MD_UI_ELEMENT_REFERENCE		Yes
dropInfoIdMiddle	WDY_MD_UI_ELEMENT_REFERENCE		Yes
dropInfoIdTop	WDY_MD_UI_ELEMENT_REFERENCE		Yes
enabled	WDY_BOOLEAN	true	Yes
layer	I		Yes
outline	WDUI_DTEOUTLINE	none	Yes
activateRuntimeMode	WDY_BOOLEAN	false	Yes
toolbarElementId	WDY_MD_UI_ELEMENT_REFERENCE		Yes
tooltip	Translatable text		Yes
viewElementId	WDY_MD_UI_ELEMENT_REFERENCE		Mandatory
visible	WDUI_VISIBILITY	visible	Yes

Aggregations in the View Designer

Name	Cardinality	Type
CONTENT	0..1	UIElement
DRAG_SOURCE_INFOS	0..n	DragSourceInfo
DROP_TARGET_INFOS	0..n	DropTargetInfo
TOOLBARS	0..n	DTE_Toolbar

Events in View Designer

Name
onDrop
onSelect

Dynamic Programming

For dynamic programming, the same properties, events and aggregations are available as in the View Designer. But note that the spelling format and use of upper/lower case is different.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_DESIGN_TIME_AREA=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_DESIGN_TIME_AREA=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_DESIGN_TIME_AREA=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
dataSource	DATA_SOURCE
design	DESIGN
design: highlight	CL_WD_DESIGN_TIME_AREA=>E_DESIGN-HIGHTLIGHT
design: highlightOnHover	CL_WD_DESIGN_TIME_AREA=>E_DESIGN-HIGHTLIGHT_ON_HOVER
design: standard	CL_WD_DESIGN_TIME_AREA=>E_DESIGN-STANDARD
dragGhostType	DRAG_GHOST_TYPE WDUI	WDUI_DRAG_GHOST_TYPE
dragGhostType: box	CL_WD_DESIGN_TIME_AREA=>E_DRAG_GHOST_TYPE-BOX
dragGhostType: content	CL_WD_DESIGN_TIME_AREA=>E_DRAG_GHOST_TYPE-CONTENT
dragSourceInfoId	DRAG_SOURCE_INFO_ID	WDY_MD_UI_ELEMENT_REFERENCE
dropInfoIdBegin	DROP_INFO_ID_BEGIN	WDY_MD_UI_ELEMENT_REFERENCE
dropInfoIdBottom	DROP_INFO_ID_BOTTOM	WDY_MD_UI_ELEMENT_REFERENCE
dropInfoIdEnd	DROP_INFO_ID_END	WDY_MD_UI_ELEMENT_REFERENCE
dropInfoIdMiddle	DROP_INFO_ID_MIDDLE	WDY_MD_UI_ELEMENT_REFERENCE
dropInfoIdTop	DROP_INFO_ID_TOP	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
layer	LAYER	I
outline	OUTLINE	WDUI_DTEOUTLINE
outline: dashed	CL_WD_DESIGN_TIME_AREA=>E_OUTLINE-DASHED
outline: none	CL_WD_DESIGN_TIME_AREA=>E_OUTLINE-NONE
outline: solid	CL_WD_DESIGN_TIME_AREA=>E_OUTLINE-SOLID
activateRuntimeMode	RUNTIME_MODE	WDY_BOOLEAN
toolbarElementId	TOOLBAR_ELEMENT_ID	WDY_MD_UI_ELEMENT_REFERENCE
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_DESIGN_TIME_AREA=>E_VISIBLE-NONE
visible: visible	CL_WD_DESIGN_TIME_AREA=>E_VISIBLE-VISIBLE

Dynamic Programming of Events

View Designer Name	Runtime Name
onDrop	ON_DROP
onSelect	ON_SELECT

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
CONTENT	CONTENT	0..1
DRAG_SOURCE_INFOS	DRAG_SOURCE_INFOS	0..n
DROP_TARGET_INFOS	DROP_TARGET_INFOS	0..n
TOOLBARS	TOOLBARS	0..n

Restrictions

A DesignTimeArea or view that is rendered with a ViewContainer UI element in a DesignTimeArea must not contain any of the following view UI elements:

DesignTimeArea
UI elements of UI libraries Active Component, Adobe, Business Intelligence, General Active Component, and Office Integration
IFrame
Panels, Groups, TransparentContainers, and so on, where scrollingMode is not equal to NONE

The following ViewElements must not be used as DesignTime elements:

ViewContainerUIElement
LayoutContainer

More Information

For more information, see: