Tray 

The Tray UI element (IWDTray) is a UI element container like the Group UI element container and can be used to group a set of UI elements under one common title. Unlike the Group UI element it provides additional functions. For example, the Tray UI element can be displayed or hidden.

Examples of the Display

Tray with Plain Design   Tray with Fill and Menu Design   Collapsed Tray with Transparent Design

To enable the development of accessible applications, the accessibilityDescription property is checked during the syntax check if the caption property is not set.

The tooltip property is not checked.

A tooltip does not necessarily have to be set for this UI element, but it could make sense to set it if it contains detailed semantic information.

 

Runtime Class

CL_WD_TRAY

 

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
accessibilityDescription	Text		Yes
defaultButtonId	STRING		Yes
design	WDUI_TRAY_DESIGN	transparent	Yes
enabled	WDY_BOOLEAN	true	Yes
expanded	WDY_BOOLEAN	true	Yes
hasContentPadding	WDY_BOOLEAN	true	Yes
height	STRING		Yes
scrollingMode	WDUI_SCROLLING_MODE	none	Yes
tooltip	Text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	STRING		Yes

 

Aggregations in View Designer

Name	Cardinality	Type
Element	0..n	UIElement
Header	1..1	Caption
Menu	0..1	Menu
Toolbar	0..1	ToolBar

 

Events in View Designer

Name

onToggle

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

●      ScrollContainer

●      UIElementContainer

●      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
accessibilityDescription	ACCESSIBILITY_DESCR	WDY_MD_TRANSLATABLE_TEXT
defaultButtonId	DEFAULT_BUTTON_ID	STRING
design	DESIGN	WDUI_TRAY_DESIGN
design: fill	CL_WD_TRAY=>E_DESIGN-FILL
design: plain	CL_WD_TRAY=>E_DESIGN-PLAIN
design: transparent	CL_WD_TRAY=>E_DESIGN-TRANSPARENT
enabled	ENABLED	WDY_BOOLEAN
expanded	EXPANDED	WDY_BOOLEAN
hasContentPadding	HAS_CONTENT_PADDING	WDY_BOOLEAN
height	HEIGHT	STRING
scrollingMode	SCROLLING_MODE	WDUI_SCROLLING_MODE
scrollingMode: auto	CL_WD_TRAY=>E_SCROLLING_MODE-AUTO
scrollingMode: both	CL_WD_TRAY=>E_SCROLLING_MODE-BOTH
scrollingMode: none	CL_WD_TRAY=>E_SCROLLING_MODE-NONE
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_TRAY=>E_VISIBLE-NONE
visible: visible	CL_WD_TRAY=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

 

Dynamic Programming of Events

View Designer Name	Runtime Name
onToggle	ON_TOGGLE

 

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
Element	CHILDREN	0..n
Header	HEADER	1..1
Menü	POPUP_MENU	0..1
Toolbar	TOOLBAR	0..1

Example

You can find examples of this interface element in the system in the Web Dynpro application WDR_TEST_UI_ELEMENTS, and in the component WDR_TEST_EVENTS in the view Tray.