New to Kendo UI for AngularStart a free 30-day trial

ToolbarOverflowSettings

The settings for the overflow functionality of the Toolbar.

NameTypeDefaultDescription

mode?

OverflowMode

'none'

Determines the Toolbar overflow mode.

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. Applicable when the overflow mode is set to 'scroll'.

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. Applicable when the overflow mode is set to 'scroll'.

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. Applicable when the overflow mode is set to 'scroll'.

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. Applicable when the overflow mode is set to 'scroll'.

scrollButtons?

ToolbarScrollButtonsVisibility

Determines the Toolbar scroll buttons visibility mode. Applicable when the overflow mode is set to 'scroll'. The possible options are:

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

scrollButtonsPosition?

ToolbarScrollButtonsPosition

Determines the Toolbar scroll buttons position. Applicable when the overflow mode is set to 'scroll'. The possible options are:

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