is it possible to have properties pane in the toolbar ?

Hello, is it possible to have the properties pane in the toolbar to obtain an interface more like word ?

propertiesPaneInsideToolbar.png


5 Replies 1 reply marked as answer

DS Dhanush Sekar Syncfusion Team September 9, 2024 10:56 AM UTC

Hi Frederic,


We apologize for the dealy.


Absolutely, you can utilize the text properties pane as a toolbar. For this purpose, you should use the Document Editor component instead of the Document Editor Container component, which includes a toolbar, properties pane, and status bar. Please refer to the documentation below for guidance on customizing the toolbar.

Additionally, you can implement the standard toolbar functionality using the available public methods.

Documentation:  Text format in Angular Document editor component | Syncfusion

Paragraph format in Angular Document editor component | Syncfusion


Regards,

Dhanush S



FR Frédéric September 10, 2024 01:22 PM UTC

Hello, thank you for your reply. I have another question about properties pane. Is it possible to hide certain items in the properties pane?

propertiesPaneHideItems.png



DS Dhanush Sekar Syncfusion Team September 11, 2024 11:40 AM UTC

Hi Frederic,


Currently Document Editor doesn't provide any option to remove certain item from text properties pane. You can hide the item using CSS display property to none.


Regards,

Dhanush S



FR Frédéric September 11, 2024 12:02 PM UTC

Hello, thanks, but how can I hide a properties pane item using css?



DS Dhanush Sekar Syncfusion Team September 12, 2024 09:59 AM UTC

Hi Frederic,


We have prepared a sample to hide certain item from text properties pane. Please refer to the below sample.

Sample:  Eqckhp (forked) - StackBlitz

You can use showPropertiesPane API in DocumentEditorContainer to hide the properties pane.

Documentation:  Hide Toolbar and Panes in Angular Document Editor | Syncfusion


Regards,

Dhanush S


Marked as answer
Loader.
Up arrow icon