Show TOC Start of Content Area

Object documentation TabStrip This graphic is explained in the accompanying text  Locate the document in its SAP Library structure

Description of UI Element Properties

      accessibilityDescription

When accessibility is activated, the assigned text is added to the tooltip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.

      height

Specifies the height of the tab and its tab pages. You can specify the height in CSS units like em, ex or pixels.

      selectedTab

The ID of the selected tab page.

      selectionChangeBehaviour

The selectionChangeBehaviour property can be filled with the following values and is represented by the enumeration type WDTabStripSelectionChangeBehaviour.

auto

Specifies that the UI element automatically changes the lead selection after an interaction by the user before the corresponding event is triggered. 

manual

Specifies that the UI element does not change the lead selection after an interaction by the user but triggers the corresponding event. In this case, the event handler must change the lead selection to enable the UI element to display the data. This setting allows you to check the change of the lead selection.

      tabAlignment

exact:

Forces the exact specification of height and width of the tabs. Each tab has the same height and width which result from the specification of a minimum size and the size specified by the label.

fast

Enables the client to efficiently align height and width.

There is no alignment for browser-based clients. Height and width are specified by the tab label. Height and width of the tabs can be aligned for Web Dynpro clients to optimize the window structure.

      width

Specifies the width of the register and its tab pages. You can specify the width in CSS units like em, ex, pixel, or percentage.

Properties Overview

Name

Interface

Type

Initial Value

Bindable

accessibilityDescription

IWDTabStrip

String (Translatable Text)

 

bindable

enabled

IWDUIElement

boolean

true

bindable

height

IWDTabStrip

String (CSS size)

 

bindable

selectedTab

IWDTabStrip

String

 

bindable

selectionChangeBehaviour

IWDTabStrip

WDTabStripSelectionChangeBehaviour

auto

not_bindable

tabAlignment

IWDTabStrip

WDTabAlignment

fast

not_bindable

tooltip

IWDUIElement

String (TranslatableText)

 

bindable

visible

IWDUIEelement

WDVisibility

visible

bindable

width

IWDTabStrip

String (CSS size)

 

bindable

Note

The tooltip property is ignored and does not affect the browser.

Events

      onClose (String tab)

This event is triggered when a user clicks the close icon of a tab. Parameter is the respective tab.

      onSelect (String oldTab, String tab)

The event is triggered if the user selects a tab page. Transfer parameters are the previously selected and the newly selected tab.

End of Content Area