How to hide Properties Pane?

[Shweta Kokate]

Dear Sir/Madam,

I want to hide Properties Pane menu option from Document Editor.

I tried by setting below property of Document Editor which is not working for me,

showPropertiesPane={false}

Regards,

Shweta

[Balamurugan Shanmugam]

Hi Shweta,

Based on the information, we attempted to recreate the issue that you mentioned by using the below sample. But we didn't encounter the issue. In our end, properties pane is hidden properly when we set showPropertiespane as false. We have attached the video for your reference. So, could you please share the sample used on your end or modify the attached sample to reproduce the mentioned issue? Thereby, we will analyze further and provide you with the appropriate solution at the earliest.

Sample - https://stackblitz.com/edit/react-df234g-e5nsqb?file=index.js

Regards,

Balamurugan S

Attachment: showProperties_e1585c39.zip

[Shweta Kokate]

Hello  Balamurugan ,

There is some misunderstanding

I don't want to toggle it, I want to hide/disable that Properties Pane menu.

please suggest....

Regards,

Shweta

[Balamurugan Shanmugam]

Hi Shweta,

Currently, documentEditor doesn't have a built-in API to disable the properties pane. Even if we disable the properties pane,we can still apply those character and paragraph formats to achieve this through keyboard interaction. So, could you please share the exact use case to disable the properties pane?

Regards,

Balamurugan S

[Shweta Kokate]

Hello,

In my case I do not used  properties pane so I want to hide/disable it.

I loaded images layout with pre-defined header and footer so after image loaded there is no use of  properties pane.

Regards,

Shweta

[Balamurugan Shanmugam]

Hi Shweta,

Currently, documentEditor doesn't have a built-in API to disable the properties pane. Otherwise, we have a workaround solution to achieve your requirement by using CSS properties.

Stackblitz sample: Udbzdc (forked) - StackBlitz

Please find attached a video for your reference.

Regards,

Balamurugan S

Attachment: pane_431116cd.zip

[Nikhil Surve]

Hello Sir/Madam,

I am using this Print method on Button click like, 

this.editor.current.container.documentEditor.print();

I have two monitor and I open or call document Editor from second monitor but when I click on Print button from GUI of second monitor the print preview page get open on first monitor instead of second monitor.

As document Editor is on second monitor then why that print call get open on First monitor instead of second monitor, it should be open on same monitor where document Editor is opened.

Expectation: Print preview should get open on same monitor from where it is called.

Please let know if anything that can resolve this issue.

[Sujitha Siva]

Hi Nikhil,

We have attempted to reproduce the reported print preview issue on our end. We created a sample with a button that invokes the print() API and tested it using a dual-monitor setup by following the steps below:

 

1. Run the sample on the first monitor.
2. Open the application on the second monitor.
3. Click the Print button.

 

From our testing, the print preview was displayed on the same monitor from which the print action was triggered.

 

To investigate the issue further, kindly provide the following details:

1. We have attached the sample that we used for testing. Kindly verify whether you are able to reproduce the issue using this sample. If the issue occurs only in your application, please share a runnable sample that reproduces the problem.
2. Please provide details about your setup and confirm whether you are following the same steps mentioned above. If the behavior differs, kindly share the exact steps to reproduce the issue or a video demonstration.

 

This information will help us analyze the issue further and provide details.

Regards,

Sujitha S

Attachment: React_Print_712fdc2f.zip

[Nikhil Surve]

Hello Sir/Madam,

Can you please share Stackblitz sample for the same I am unable run or use attached sample.

From my site I am not able to share whole runnable sample application but I can share you exact code like,

for button click I used, 

<Button className="closeButton" value="Print" name="Print" variant="contained" color="primary" startIcon={<PrintIcon />} onClick={(event) => props.onPrint(event)}>{pageLabels.local.print}</Button> 

and definition of onPrint is,

 onPrint = () => {

        this.editor.current.container.documentEditor.print();

        let rowUID = this.studyIdList[0];

        if (rowUID == '' || rowUID == null) {

            this.props.notify(this.pageLabels.local.messages.rowuidlank, "error", "t-m", 2000);

            return false;

        }

        this.model.updateImagePrintStatus(rowUID).then(response => { // removed rptName

            if (response == Status.success) {

                //this.props.notify(this.pageLabels.global.messages.saveSuccessMsg, "success", "t-m", 2000);

            }

        });

    }

as you can see from onPrint funtion I have used only one statement related to syncfusion editor that is,

this.editor.current.container.documentEditor.print();

rest of all is my api calling part.

so as stated earlier why that  documentEditor.print() goes/open print preview to other monitor instead of current?

Regards,

Nikhil Surve

[Sujitha Siva]

Hi Nikhil,

We have shared a StackBlitz sample that includes code to print a document from the Document Editor. Using this sample, we verified that the print preview opens on the same monitor where the browser window is active.We have also shared a video for your reference.

Video: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Video_reference

Additionally, we suspect that the issue may be related to your browser settings. To help verify this, we have shared a simple HTML sample that uses the browser's native print functionality. Kindly open the sample on both monitors and click Print to observe the behavior.

If the same issue occurs with the HTML sample, it indicates that the behavior is not specific to the Document Editor and is likely related to the browser or system configuration, since the issue can be reproduced using the browser's print functionality alone.

If the browser print preview opens correctly in the HTML sample and the issue occurs only when using the Document Editor, kindly try reproducing the issue using the StackBlitz sample we shared and provide a video demonstrating the behavior. This will help us investigate the issue further and provide you with further details.

StackBlitz sample: Hld1xdgs (duplicated) - StackBlitz

Attachment: Simple_Sample_5984ad8b.zip