Moving Textformatting icons alongisde Toolbar items to the top of the document editor

[Niharika]

We have a Syncfusion document Editor (Word Processor) and added text formatting icons and toolbar items to it. But toolbar items( Undo and Redo are at the top of the document editor) but text formatting icons are to the left. 

Is there a way to move textformatting icons alongisde Toolbar items to the top of the document editor.

[Thanveer Ahamed Abdul Waheed]

Hi Niharika,

Syncfusion Greetings!

Customizing and positioning text formatting properties pane is not possible. But you can customize the toolbar items with text formatting API, based on your requirement.

You can use existing toolbar items in Documenteditor by referring below code snippet: 

<SfDocumentEditorContainer @ref="container" EnableToolbar=true ToolbarItems="@Items">   

</SfDocumentEditorContainer> 

@code { 

    SfDocumentEditorContainer container; 

    List<Object> Items = new List<Object> { new CustomToolbarItemModel() { Id = "save", Text = "Save" }, "New", "Undo", "Redo", "Comments", "Image", "Table", "Hyperlink", "Bookmark", "TableOfContents", "Header", "Footer", "PageSetup", "PageNumber", "Break", "Find", "LocalClipboard", "RestrictEditing" }; 

} 

Note: We have added custom save button and existing toolbar items, you can use it based on your requirement. 

please refer below link for text formatting API:

https://blazor.syncfusion.com/documentation/document-editor/text-format

Regards,

Thanveer Ahamed A