Own ContentAreaCssFile + Standard Css-File

[Frank]

Hi,

I'm using an own css file like this:

ContentAreaCssFile="~/App_Themes/Content.css"

That's all OK. But now, table borders (dotted borders for non-vosible table borders) aren't shown during editing and this is a real problem.
How can I use own style and the standard RadEditor styles for showing table borders ...

Do I need to refernce standard radeditor css file?

Please give me a little hint. It's urgent.

Kind regards!

[Rumen]

Hello Frank,

These are the table styles that RadEditor loads by default:

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;
}

By default, RadEditor loads the classes listed below from its default EditorContentArea.css (which is embedded in the Telerik.Web.UI.dll). You could copy some of these classes to your custom Content.css which will be loaded by the ContentAreaCssFile property:

.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;
}

All the best,
Rumen
the Telerik team

[Frank]

Thanks a lot.
That's the solution.