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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Background color of the document editor.

Thread ID:

Created:

Updated:

Platform:

Replies:

141779 Jan 4,2019 01:29 AM UTC Jan 4,2019 05:49 AM UTC JavaScript - EJ 2 1
loading
Tags: DocumentEditor
sampurnima kovi
Asked On January 4, 2019 01:29 AM UTC

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 [Syncfusion]
Replied On 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. 
 
Regards, 
Ramya T 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon