Skip to content

hide-tool-bar-and-properties-pane.md

Latest commit

 

History

History
47 lines (30 loc) · 2.48 KB

hide-tool-bar-and-properties-pane.md

File metadata and controls

47 lines (30 loc) · 2.48 KB
Raw
layout post
title Hide Toolbar and Properties Pane in Blazor DOCX Editor | Syncfusion
description Learn how to hide the built-in toolbar properties pane in the Syncfusion Blazor Document Editor component and much more.
platform document-processing
control Document Editor
documentation ug

How to hide the toolbar and properties pane in Blazor Document Editor

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

Document 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>

N> 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>

See Also