Show TOC

TabStripLocate this document in the navigation 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.

  • activateAccessKey

    Indicates whether access key for this control is activated. More information: Enabling Access Keys

  • handleHotkeys

    Specifies whether this TabStrip acts as a separate container for hotkeys. If this property is set to true then all hot keys defined by UI elements within this TabStrip will be handled by this TabStrip. It defines a new scope for hot keys. More information: Implementing Hot Keys

  • 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

activateAccessKey

IWDTabStrip

boolean

false

not bindable

Enabled

IWDUIElement

boolean

true

bindable

handleHotkeys

IWDTabStrip

boolean

true

not 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.