Toolbar Types in ASP.NET MVC Rich Text Editor

The Syncfusion ASP.NET MVC Rich Text Editor provides a powerful toolbar that enables users to format, style, and edit content efficiently. The toolbar includes essential editing tools such as bold, italic, underline, alignment, and lists, along with customization options to suit different use cases.

The Rich Text Editor allows you to configure different toolbar types using the type field in the toolbarSettings property. The available types are:

  1. Expand
  2. MultiRow
  3. Scrollable
  4. Popup

The default value of type is Expand.

Expanding the toolbar

Configuring a multi-row toolbar

Setting the type as MultiRow in toolbarSettings will arrange the toolbar items across multiple rows, displaying all configured toolbar items.

Implementing a scrollable toolbar

Setting the type to Scrollable in toolbarSettings keeps all toolbar items in a single row with horizontal scrolling.

Configuring a popup toolbar

Setting the type to Popup in toolbarSettings groups overflowing toolbar items into a popup container, optimizing the layout for limited space and smaller screens.

Creating a sticky toolbar

By default, the toolbar remains fixed at the top of the Rich Text Editor when scrolling. You can customize the position of this sticky toolbar by setting the floatingToolbarOffset to adjust its offset from the top of the document.

Additionally, you can enable or disable the floating toolbar using the enableFloating property.

See also