We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Background color of the document editor.

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.


3 Replies

RT Ramya Thirugnanam Syncfusion Team January 4, 2019 05:49 AM UTC

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. 
Note: Page Content-Area color is white by default. 
Ramya T 

RP Rahul Pathak June 29, 2021 10:47 AM UTC

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

KB Kurthis Banu Abdul Majeeth Syncfusion Team June 30, 2021 04:43 AM UTC

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.     

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.     

Kurthis Banu A.   

Live Chat Icon For mobile
Up arrow icon