Toolbar

Usage Guidelines

The Telerik and Kendo UI ToolBar requires you to follow some basic principles when using the component.

Grouping

Grouping of the items within the ToolBar helps the users quickly identify the related actions and make their choice. Grouping also helps screen reader users as it controls the number of stops.

DoUse separators to distinguish the semantic groups of ToolBar items.

Don'tAvoid displaying all ToolBar items without grouping them as it may seem chaotic and confusing.

Overflow

In some cases where the space is limited both horizontally and vertically and the items within the ToolBar are numerous and cannot fit its width, an overflow button appears and accommodates the excess items.

DoUse the overflow button in the adaptive ToolBar to display the content that does not fit its width when the space is limited.

Don'tAvoid hiding ToolBar items or stretching the ToolBar just to fit them.

Wrapped

The Telerik and Kendo UI ToolBar usually distributes its items in one line. In some cases, however, the numerous items cannot fit into an overflow popup and displaying them in multiple lines is preferred.

DoDistribute the numerous ToolBar items vertically if they cannot fit within the width of the ToolBar.

Don'tAvoid displaying multiple ToolBar items in an overflow popup that requires scrolling.