Background Color for RadEditor

[Rob Venable]

Hi,
I would like to change the background color of my RadEditor. I've seen all of the posts where they say to use the code below and put the classes in the newly created css file. I've tried this and it doesn't work...it still picks up the background color of the parent page. Does anyone know a workaround for this?

Thanks

<telerik:RadEditor ID="RadEditor1" Runat="server">
   <CssFiles>
       <telerik:EditorCssFile Value="~/EditorContentArea.css" />
   </CssFiles>
</telerik:RadEditor>

[Princy]

Hello Rob,

I followed the technique described in the documentation in order to change the background color of RadEditor control. And I got it working evenif I set background-color for the page.

Here is my 'EditorContentArea.css'

body
{
    color: white;
    background-color: Silver;
    padding:3px;
    background-image: none;
    margin: 0px;
    text-align: left;
}

Is the prooblem happening for any specific browser?


Regards,
Princy.

[Rumen]

Hi Rob,

You can experience this problem if you have set the ToolsFile property in the codebehind.

 If you are to set external css files in dynamically loaded editors, make sure to load the Toolsfile before you add any external css files, e.g.

RadEditor1.ToolsFile = "~/RadEditorTools-Simple.xml";
RadEditor1.CssFiles.Add(new EditorCssFile("~/Css/RadEditor.css"));

This information is available in the following help article: External Css Files.


Greetings,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Rob Venable]

Hi Princy,
Still doesn't work. In IE or Firefox. It doesn't seem to be reading the stylesheet at all because it's not doing the text-align either.
This is what I've got:

<

 

div>

 

 

<telerik:RadEditor ID="radEmail" runat="server">

 

 

<CssClasses>

 

 

<telerik:EditorCssClass value="~/EditorContentArea.css" />

 

 

</CssClasses>

 

 

</telerik:RadEditor>

 

 

</div>

 

... I've used the styles you provided and I've put the stylesheet at the root of my website and it doesn't seem to be reading it. I thought it may be a path issue and I've tried it at a couple of different locations and it doesn't sem to find it.

Do I have to add a StylesheetManager or something?