Change Content Area Color

[Christy]

Hello,
Is it possible to change the color of the content area in the editor?  I am using this to edit content on a web page that is not white but the text needs to be white and the background a different color than white.  Please let me know.  Thank you.

Christy

[George]

Hi Christy ,

Please, go to the following folder and create a CSS file - CssEditor.css:

/Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.5.0.0__1f131a624888eeed/RadControls/Editor/CssEditor.css

This file is not created by default when you install RadEditor for MOSS. However, if it is present, the editor will automatically load it. Note that the folder name depends on the editor version (in this case it is 4.5.0.0). In CssEditor.css you can modify the editor's appearance, for example:

With this code you can change the editor's background color and font color.

CssEditor.css

body
{
   background-color: red;
   color: black;
}

I hope this helps.

Best wishes, George
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Christy]

Thank you very much for that.  That's exactly what I needed and it works well.  One other issue I'm seeing with the editor is that the Elements (remove elements) at the bottom of the editor cannot be seen.  Is there a control for this color also or maybe a skin that could be applied to the editor?  Thank you again for your help.

[Rumen]

Hi Christy,

You can control the appearance of the remove link in the DOM Inspectore module through the following classes

A.DomPathLink, A.DomPathLink:visited, A.DomPathLink:active, A.DomPathLink:link
{
    text-decoration:underline;
    font:11px normal Tahoma;
    padding:3px 2px 1px 2px;   
    color:#cccccc;
}

placed in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.5.0.0__1f131a624888eeed/RadControls/Editor/Skins/<USED_SKIN>/Editor.css
file. To change the color of the remove element link change the value of the color property.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Christy]

Hello,
I was able to find that location but I'm not seeing any of the color changes I have made.  I have also tried an IIS Reset after making the change.  Is there a way to tell exactly what skin is being used?  I have two directories listed for skins, Default and 2006 Default.  I have tried to change both without seeing the change in the editor. 

Also, is there a way to take out the Background color in the table properties?  I tried the suggested way in the manual which works but then I cannot add columns, change the span etc.  Nothing shows on the first tab of the table properties when I comment out the background color coding.  Thank you again for all your help.  This is much appreciated.

[Rumen]

Hi Christy,

Up to the questions:

1. By default, RadEditor for MOSS uses the Default2006 skin, which means that you need to modify the RadControls/Editor/Skins/Default2006/Editor.css file. For your convenience I have attached a video demonstrating how to change the color of the Remove Element item.
2. To hide the color selectors in the Table Properties dialog you need to set style="position:absolute;left:-10000px;top:-10000px;" to the parent TD element wrapper of the telerik:colorpicker control: <telerik:colorpicker id="BorderColorPicker"                            runat="server"></telerik:colorpicker>. For your convenience I have attached a video demonstrating how to do that.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center