Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Represents a TabStrip directive for AngularJS. Displays list of tabs.


  • controlStyle
  • Specifies an object that contains all style settings for the TabStrip directive
  • dataFields
  • Specifies data fields that match the data in custom data source
  • enabled
  • Determines whether TabStrip is enabled or disabled
  • events
  • Specifies an object that holds all event handlers in the TabStrip
  • expandDirection
  • Gets or sets the direction at which tabs expands their content
  • hoverSelection
  • Determines whether an tab can be selected while mouse cursor hovers over its header
  • tabs
  • Gets the collection of tabs that are assigned to the TabStrip
  • name
  • Gets or sets the name of the TabStrip
  • options
  • Specifies an object that holds all options available in the TabStrip
  • rtl
  • Determines whether left-to-right or right-to-left layout is active
  • selectedTab
  • Gets or sets the tab that is currently selected in the TabStrip


  • afterSelect
  • Occurs after tab is selected
  • beforeSelect
  • Occurs before tab is selected
  • clear
  • Occurs when all tabs are removed
  • enabled
  • Occurs after enabled property value changes
  • tabAdded
  • Occurs after tab is added to the collection
  • tabAdding
  • Occurs before tab is added to the collection
  • tabClick
  • Occurs when tab is clicked
  • tabDblClick
  • Occurs when tab is double clicked
  • tabHover
  • Occurs when the mouse cursor hovers over tab space
  • tabRemoved
  • Occurs after tab is removed from the collection
  • tabRemoving
  • Occurs before tab is removed from the collection
  • tabRightClick
  • Occurs when tab is clicked using right mouse button
  • selectionChanged
  • Occurs whenever selection changes from one tab to another
  • styleChanged
  • Occurs when style has changed in TabStrip directive