How to Hide Toolbar and Properties Pane in Blazor DOCX Editor
28 Aug 20261 minute to read
Blazor DOCX Editor (Document Editor) container provides the main document view area along with the built-in toolbar and properties pane.
DOCX Editor provides just the main document view area. Here, the user can compose, view, and edit the Word documents. Use this component when you want to design your own UI options for your application.
Hide the properties pane
By default, the Document Editor Container has a built-in properties pane that contains options for formatting text, tables, images, and headers and footers. You can use the ShowPropertiesPane API in the DocumentEditorContainer to hide the properties pane.
The following example code illustrates how to hide the properties pane.
@using Syncfusion.Blazor.DocumentEditor
<SfDocumentEditorContainer @ref="container" EnableToolbar=true ShowPropertiesPane="false">
</SfDocumentEditorContainer>NOTE
Positioning and customizing the properties pane in the Document Editor Container is not possible. Instead, you can hide the existing properties pane and create your own pane using public APIs.
Hide the toolbar
Use the EnableToolbar API in the DocumentEditorContainer to hide the existing toolbar.
The following example code illustrates how to hide the existing toolbar.
@using Syncfusion.Blazor.DocumentEditor
<SfDocumentEditorContainer @ref="container" EnableToolbar=false ShowPropertiesPane="false">
</SfDocumentEditorContainer>