How to Hide Toolbar and Properties Pane in ASP.NET Core DOCX Editor

14 Aug 20261 minute to read

The Document Editor container provides the main document view area along with the built-in toolbar and properties pane.

ASP.NET Core DOCX Editor (Document Editor) provides just the main document view area. Here, the user can compose, view, and edit Word documents. You may prefer to 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 which contains options for formatting text, tables, images, and the header and footer. You can use the [showPropertiesPane] API in DocumentEditorContainer to hide the properties pane.

The following example code illustrates how to hide the properties pane.

<div class="control-section">
    <ejs-documenteditorcontainer id="container" serviceUrl="/api/DocumentEditor/" enableToolbar=true showPropertiesPane=false height="590px"></ejs-documenteditorcontainer>
</div>

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

You can use the [enableToolbar] API in DocumentEditorContainer to hide the existing toolbar.

The following example code illustrates how to hide the existing toolbar.

<div class="control-section">
    <ejs-documenteditorcontainer id="container" serviceUrl="/api/DocumentEditor/" enableToolbar=false height="590px"></ejs-documenteditorcontainer>
</div>

See Also