Document Editor CSS not working properly in a Form Wizard

Hallo,
I've try some bootstrap form wizard.. but documenteditor css not working properly, the document width is only 200px, but if i resize screen / open dev option using f12.. width css work well, how to solve that ? thanks...

i attach before and after,.

Attachment: documenteditor_css_not_works_well_in_form_wizard_d7e1efee.zip

6 Replies 1 reply marked as answer

HC Harini Chellappa Syncfusion Team July 13, 2020 12:57 PM UTC

Hi Richard, 

Currently, we are checking on this. Will update further details on or before July 15th, 2020. 

Regards, 

Harini C 



HC Harini Chellappa Syncfusion Team July 13, 2020 02:22 PM UTC

Hi Richard, 

When resizing the browser window manually, we have called resize method of document editor internally. Hence control rendered properly on window resize.  

If at the time of control creation, document editor element or its parent element display is none, then control will render with its minimum width and height. To resize it, you have to call the resize API, once element or its parent element is visible.  

Sample code snippet for resize API 

containerInstance.documentEditor.resize(); 

Kindly check it and let us know. 

Regards, 

Harini C 


Marked as answer

AR Abdur Rozaq July 15, 2020 01:57 AM UTC

Thank you very much Harini C for the answer, now css in canvas works well, but i'm still have problem... in toolbar... css is not working properly, same as before... i need to resize window to make toolbar css working properly... i'm attach screenshoot,. Thank you

Attachment: toolbarcssnotworkingproperly_a080ecfc.zip


HC Harini Chellappa Syncfusion Team July 15, 2020 03:17 PM UTC

Hi Abdur, 

Can you please confirm whether you have set width property for the document editor component? If possible, please share a simple sample to reproduce the reported scenario in our end. It will be helpful for us to provide solution at the earliest. 

Regards, 

Harini C 



HA hanieh May 26, 2021 05:33 AM UTC

Hi Harini ,
I have the same issue with toolbar style when rendering DocumentEditor in modal popup.
I have asked for help but i haven't get answer yet and i have to know problem as quickly as possible.
My question link is:
https://www.syncfusion.com/support/directtrac/incidents/329533
Can you help me please?


KB Kurthis Banu Abdul Majeeth Syncfusion Team May 27, 2021 04:37 AM UTC

Hi hanieh, 

Thank you for contacting syncfusion support. 

We have update your requirement in that incident (#329533) under your direct trac account. kindly check it for further follow-ups. 

Regards, 
Kurthis Banu A. 


Loader.
Up arrow icon