Own ContentAreaCssFile + Standard Css-File

3 posts, 1 answers
  1. Frank
    Frank avatar
    13 posts
    Member since:
    May 2006

    Posted 21 Sep 2011 Link to this post

    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!
  2. Answer
    Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 21 Sep 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Frank
    Frank avatar
    13 posts
    Member since:
    May 2006

    Posted 21 Sep 2011 Link to this post

    Thanks a lot.
    That's the solution.
Back to Top