Blazor Rich Text Editor Example - Type

Rich Text Editor / 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.

Loading Syncfusion Blazor Server Demos…

Toolbar Type

The Rich Text Editor allows supports to set different display modes using Type property of RichTextEditorToolbarSettings. The possible types are as follows,

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