Rich Text Editor / Toolbar / Type

Blazor Rich Text Editor Example - Type

Loading Syncfusion Blazor Server Demos…

Toolbar Type

This sample demonstrates the different display modes supported by the Rich Text Editor's toolbar. Change the toolbar type to observe how it arranges items when they exceed the available viewing space.

The Rich Text Editor toolbar supports different display modes using the Type property of RichTextEditorToolbarSettings. The possible types are:

  • Expand - The Toolbar hides overflowing items in the next row. Click the expand arrow to view overflow toolbar items.
  • MultiRow - The Toolbar displays overflowing items in the next row.
  • Scrollable - - The toolbar displays all items in a single row and enables horizontal scrolling when the commands exceed the available space.
  • Popup - The Toolbar hides overflowing items in a popup menu when space is limited, displayed upon clicking the overflow icon.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE