Background color of the document editor.

[sk]

I want background color of the document container to be gray  and page border black and page content area background color white. Is there anyway do this similar to Google Docs.

Thanks

[Ramya Thirugnanam]

Hi Sampurnima, 

 

Thank you for contacting Syncfusion support. 

 

We have support to customize the document editor background color and  page border.  

 

Please add the below CSS class in your sample to change the background color. 

 

.e-de-background { 

    background-color: rgb(238, 238, 238); /* You can customize this color*/  

 } 

 

 

 

To change page border color, please set the color value to “pageOutline” property in document editor as shown below.  

 

/** 

* Initialize document editor 

*/ 

let editor: DocumentEditor = new DocumentEditor ({ enablePrint: true }); 

 

// Set page border color 

editor.pageOutline = '#d1d1d1'; 

 

 

 

We have prepared a sample to represent these customizing options. Please refer to the sample from the following link. 

 

https://stackblitz.com/edit/h9aktd?file=index.ts  

 

Note: Page Content-Area color is white by default. 

 

Regards, 

Ramya T 

[Rahul Pathak]

Please tell me how to change background color of Page Content-Area.

[Kurthis Banu Abdul Majeeth]

Hi Rahul, 

Currently, we don’t have a support for set page background color in Document Editor. We have already logged feature request for your requirement. We will update the status of the feedback link once it is taken for implementation. We will update you once feature implemented.  

You can also track the feature status from below link.     

https://www.syncfusion.com/feedback/25757/support-for-page-background-color-and-image  

Please up-vote this feature request to make this feature request as our priority. At the planning stage for every release cycle, we will review all open features and prioritize them based on the user demands. It will be available in any of our upcoming releases.     

 

Regards,   

Kurthis Banu A.