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

6 posts, 0 answers
  1. Joseph Bonanno
    Joseph Bonanno avatar
    19 posts
    Member since:
    Sep 2009

    Posted 10 Aug 2011 Link to this post

    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? 
  2. Rumen
    Admin
    Rumen avatar
    14028 posts

    Posted 10 Aug 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Joseph Bonanno
    Joseph Bonanno avatar
    19 posts
    Member since:
    Sep 2009

    Posted 10 Aug 2011 Link to this post

    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?
  4. Rumen
    Admin
    Rumen avatar
    14028 posts

    Posted 12 Aug 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Joseph Bonanno
    Joseph Bonanno avatar
    19 posts
    Member since:
    Sep 2009

    Posted 12 Aug 2011 Link to this post

    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
  6. Rumen
    Admin
    Rumen avatar
    14028 posts

    Posted 12 Aug 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top