TabStrip

The TabStrip UI element allows the display of a tab page. The user can toggle between several tab pages by selecting a specific tab. The same window is shared by all tab pages and used for displaying the content. The user can display the content of a tab by selecting a tab title.

If no selectedTab is specified in the table, or the tab specified in the selectedTab is not visible, the first visible tab is displayed instead.

This does not trigger the onSelect event, nor is the selectedTab property changed.

Example of the Visual Display

Runtime Class

CL_WD_TABSTRIP

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
accessibilityDescription	Translatable text		Yes
activateAccessKey	WDY_BOOLEAN	false	No
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	No
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		No
enabled	WDY_BOOLEAN	true	Yes
height	STRING		Yes
selectedTab	STRING		Yes
selectionChangeBehaviour	WDUI_TABSTRIP_SEL_CHNG_BEHVR	auto	No
styleClassName	STRING		Yes
tabAlignment	WDUI_TAB_ALIGNMENT	fast	No
tooltip	Translatable text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	STRING		Yes

Aggregations in the View Designer

Name	Cardinality	Type
Tab	0..n	Tab

Events in View Designer

Name
onClose
onSelect

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
accessibilityDescription	ACCESSIBILITY_DESCR	WDY_MD_TRANSLATABLE_TEXT
activateAccessKey	ACTIVATE_ACCESS_KEY	WDY_BOOLEAN
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_TABSTRIP=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_TABSTRIP=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_TABSTRIP=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
height	HEIGHT	STRING
selectedTab	SELECTED_TAB	STRING
selectionChangeBehaviour	SELECTION_CHANGE_BEHAVIOUR	WDUI_TABSTRIP_SEL_CHNG_BEHVR
selectionChangeBehaviour: auto	CL_WD_TABSTRIP=>E_SELECTION_CHANGE_BEHAVIOUR-AUTO
selectionChangeBehaviour: manual	CL_WD_TABSTRIP=>E_SELECTION_CHANGE_BEHAVIOUR-MANUAL
styleClassName	STYLE_CLASS_NAME	STRING
tabAlignment	TAB_ALIGNMENT	WDUI_TAB_ALIGNMENT
tabAlignment: exact:	CL_WD_TABSTRIP=>E_TAB_ALIGNMENT-EXACT
tabAlignment: fast	CL_WD_TABSTRIP=>E_TAB_ALIGNMENT-FAST
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_TABSTRIP=>E_VISIBLE-NONE
visible: visible	CL_WD_TABSTRIP=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

Dynamic Programming of Events

View Designer Name	Runtime Name
onClose	ON_CLOSE
onSelect	ON_SELECT

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
Tab	TABS	0..n

Example

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