New to Kendo UI for AngularStart 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 or other pointer devices such as touchpads and touch screens.

mouseScrollSpeed?

number

Deprecated in v.18.0.0 and will be removed in v.19.0.0 of the @progress/kendo-angular-layout package. The scroll speed will naturally follow the user behavior and concrete device specifics.

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

scrollButtonsPosition?

TabStripScrollButtonsPosition

Determines the TabStrip scroll buttons position. The possible options are:

  • 'start'—The scroll buttons will be rendered at the start before all tabs.
  • 'end'—The scroll buttons will be rendered at the end after all tabs.
  • 'split'(default)—The scroll buttons will be rendered at each side of the tabs.
Not finding the help you need?
Contact Support