Question

<telerik:RadEditor ToolbarMode="Default"
ID="editor1" runat="server" EnableEmbeddedBaseStylesheet="true">
</telerik:RadEditor>

The editor’s using Default skin. When I made changes to Editor.Default.CSS file they didn’t reflect on my page, but when I type the following I can see the changes:

<link href="Skins/Default/Editor.Default.css" rel="stylesheet" type="text/css" />
<link href="Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" />

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<telerik:RadEditor ToolbarMode="Default"
ID="editor1" Skin="Default" runat="server" EnableEmbeddedSkins="true">
</telerik:RadEditor>

Do I have to create a custom Skin file for the changes to reflect? I don’t want to because the editor has been used in many files and now linking new custom CSS file in each and every .aspx file will be such a pain. I just want this to be added in the Skin:

body
{
    background-image:none;
    background-color:White;
}

What this does is that it makes the background color of the content area white. Earlier the content area of the Editor was inheriting background-image property of the Master Page’s body tag. Another funny issue is that the Font styles too are inheriting Master Page’s properties only, like Heading 2 in the Editor’s drop down list has got a background color when I want it to be simple.

So is making custom skin CSS file the only solution? How do I get the changes to reflect through the Default CSS file only? I don’t want to create a custom class. Why didn’t the changes reflect?

Answer 1

If you do not want the editor to inherit the CSS from the main page, you should tell it which CSS classes are to be loaded in the content area (iframe). See the external CSS help article and probably the CSS dropdown article as well. Finally, there is a separate page for content area CSS troubleshooting – content area appearance problems