• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

TabStripScrollableSettings

The settings for the scrollable functionality of the TabStrip. (see example)

NameTypeDefaultDescription

buttonScrollSpeed?

number

100

Sets the tab list scroll speed in pixels when clicking the scroll buttons.

enabled?

boolean

true

Determines whether the TabStrip will be scrollable.

mouseScroll?

boolean

true

Determines whether the TabStrip will be scrolled with the mouse wheel.

mouseScrollSpeed?

number

10

Sets the tab list scroll speed in pixels when scrolling via the mouse wheel.

nextButtonIcon?

string

Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the next scroll button.

Allows the usage of custom icons.

nextSVGButtonIcon?

SVGIcon

Defines an SVGIcon to be rendered for the next button icon. The input can take either an existing Kendo SVG icon or a custom one.

prevButtonIcon?

string

Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the prev scroll button.

Allows the usage of custom icons.

prevSVGButtonIcon?

SVGIcon

Defines an SVGIcon to be rendered for the previous button icon. The input can take either an existing Kendo SVG icon or a custom one.

scrollButtons?

TabStripScrollButtonsVisibility

Determines whether the TabStrip scroll buttons visibility mode. The possible options are:

  • 'auto'(default) - The scroll buttons will be rendered only when the tabs list overflows its container.
  • 'visible' - The scroll buttons will be always visible.
  • 'hidden' - No scroll buttons will be rendered.