Where do I find the default contents of EditorContentArea.css?

[Joseph Bonanno]

I've been searching for 2 days now to find a template to work off of and every post and article brings my back to the same KB. I've added this:

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

Now where do I find a copy of the original EditorContentArea.css to work off of? The article references Getting the CSS from the Telerik.Web.UI.dll... how do I do this? I work within a multi-developer environment and do not have the radcontrols installed directly on my machine, but as part of the solution I work within.

How do I get the contents of this file? 

[Rumen]

Hello Joseph,

These are the original contents of the embedded EditorContentArea.css file:

.RadEWrongWord
{
    background-color: yellow;
}
.RadEDomMouseOver
{
    background-color:#ffffcc;
}
body
{
    padding:3px;
    background-image: none;
    margin: 0px;
    text-align: left;
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
    word-wrap: break-word;
}
form
{
    background-color:#efefef;
    border:1px dashed #555555;
}
table
{
    BORDER-RIGHT: #999999 1px dashed;
    BORDER-BOTTOM: #999999 1px dashed;
}
table td
{
    PADDING: 1px;
    BORDER-TOP: #999999 1px dashed;
    BORDER-LEFT: #999999 1px dashed;
}
table th
{
    PADDING: 1px;
    BORDER-TOP: #000000 1px dashed;
    BORDER-LEFT: #000000 1px dashed;
}

Greetings,
Rumen
the Telerik team

[Joseph Bonanno]

Thanks Rumen-

The documentation states that by calling this file directly, I can eliminate outside influence of other css files. This does not seem to be the case. I am having trouble with changing the "Font Family" in the content area. I found that a "*{font-family: verdana;}" defined in our primary stylesheet is causing the issue. Removing this * would require a great effort as it affects a number of style in the system. Is there a way around this?

[Rumen]

Hi Joseph,

The CssFiles property works for me as expected and overrides the styles applied by the global style reset * class. You can see my test in the following video: http://screencast.com/t/OElIQOdZusMa.
Am I missing something?


All the best,
Rumen
the Telerik team

[Joseph Bonanno]

Hi Rumen-
I didnt see you changing the font family in the video and thats where my problem lies. The font family set by the * doenst seem to want to reset.

I am also running version 2009.3.1503.35 of the telerik asp.net ajax controls

[Rumen]

You can see in the video that when the CssFiles property is set the default font in the content area is Times New Roman, but not Verdana.

My recommendation is to also migrate to the latest version which is 2011.2.712, because the 2009 one does not support all modern browsers. RadControls for ASP.NET AJAX Q2 2011 also features many new features, optimizations and bug fixes.

Kind regards,
Rumen
the Telerik team