New to Telerik UI for Blazor? Start a free 30-day trial

Floating Toolbar Overflow

Updated on Oct 13, 2026

The Floating Toolbar uses the same overflow behavior as the Telerik ToolBar. Configure the OverflowMode parameter to control how the component reacts when its tools do not fit on one row.

The FloatingToolBarOverflowMode enum supports None, Menu, and Scroll.

Using an Overflow Menu

Set OverflowMode to FloatingToolBarOverflowMode.Menu to move tools that do not fit into an overflow menu. Use this option for desktop interfaces and toolbars with mixed controls.

The component recalculates visible and overflowed items as the available width changes.

Example
View Source
Loading ...

Using Horizontal Scrolling

Set OverflowMode to FloatingToolBarOverflowMode.Scroll to keep all tools on one row and allow horizontal scrolling. This option is useful on mobile devices and narrow viewports where vertical space is limited.

Example
View Source
Loading ...

Scroll mode supports touch and mouse scrolling. Set ScrollButtonsVisibility and ScrollButtonsPosition to configure its navigation buttons. These settings have no effect unless OverflowMode is set to Scroll.

See Also