Change Content Area Color

6 posts, 0 answers
  1. Christy
    Christy  avatar
    4 posts
    Member since:
    Feb 2008

    Posted 20 Feb 2008 Link to this post

    Hello,
    Is it possible to change the color of the content area in the editor?  I am using this to edit content on a web page that is not white but the text needs to be white and the background a different color than white.  Please let me know.  Thank you.

    Christy
  2. George
    Admin
    George avatar
    859 posts

    Posted 22 Feb 2008 Link to this post

    Hi Christy ,

    Please, go to the following folder and create a CSS file - CssEditor.css:

    /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.5.0.0__1f131a624888eeed/RadControls/Editor/CssEditor.css

    This file is not created by default when you install RadEditor for MOSS. However, if it is present, the editor will automatically load it. Note that the folder name depends on the editor version (in this case it is 4.5.0.0). In CssEditor.css you can modify the editor's appearance, for example:

    With this code you can change the editor's background color and font color.

    CssEditor.css  
     
    body  
    {  
       background-color: red;  
       color: black;  

    I hope this helps.

    Best wishes, George
    the Telerik team


    Instantly find answers to your questions at the new Telerik Support Center

  3. Christy
    Christy  avatar
    4 posts
    Member since:
    Feb 2008

    Posted 22 Feb 2008 Link to this post

    Thank you very much for that.  That's exactly what I needed and it works well.  One other issue I'm seeing with the editor is that the Elements (remove elements) at the bottom of the editor cannot be seen.  Is there a control for this color also or maybe a skin that could be applied to the editor?  Thank you again for your help.
  4. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 23 Feb 2008 Link to this post

    Hi Christy,

    You can control the appearance of the remove link in the DOM Inspectore module through the following classes

    A.DomPathLink, A.DomPathLink:visited, A.DomPathLink:active, A.DomPathLink:link
    {
        text-decoration:underline;
        font:11px normal Tahoma;
        padding:3px 2px 1px 2px;   
        color:#cccccc;
    }

    placed in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.5.0.0__1f131a624888eeed/RadControls/Editor/Skins/<USED_SKIN>/Editor.css
    file. To change the color of the remove element link change the value of the color property.

    Best regards,
    Rumen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. Christy
    Christy  avatar
    4 posts
    Member since:
    Feb 2008

    Posted 25 Feb 2008 Link to this post

    Hello,
    I was able to find that location but I'm not seeing any of the color changes I have made.  I have also tried an IIS Reset after making the change.  Is there a way to tell exactly what skin is being used?  I have two directories listed for skins, Default and 2006 Default.  I have tried to change both without seeing the change in the editor. 

    Also, is there a way to take out the Background color in the table properties?  I tried the suggested way in the manual which works but then I cannot add columns, change the span etc.  Nothing shows on the first tab of the table properties when I comment out the background color coding.  Thank you again for all your help.  This is much appreciated.
  6. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 27 Feb 2008 Link to this post

    Hi Christy,

    Up to the questions:
    1. By default, RadEditor for MOSS uses the Default2006 skin, which means that you need to modify the RadControls/Editor/Skins/Default2006/Editor.css file. For your convenience I have attached a video demonstrating how to change the color of the Remove Element item.
    2. To hide the color selectors in the Table Properties dialog you need to set style="position:absolute;left:-10000px;top:-10000px;" to the parent TD element wrapper of the telerik:colorpicker control: <telerik:colorpicker id="BorderColorPicker"                            runat="server"></telerik:colorpicker>. For your convenience I have attached a video demonstrating how to do that.
    Best regards,
    Rumen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top