[Solved] Changing textarea css class

[jhermans]

Hi,

I am currently testing the r.a.d. editor for sharepoint and found one difficult thing. I tried changing the background of the TEXTAREA.RadETextArea class.

This is because per our style we type white text on a dark background.

So i changed the background-color of that element to our dark color, but nothing seems to happen, still a white background, and the tricky thing is, our white text is thus invisible.

Anyone?

[Rumen]

Hello Joost,

If you would like to change the default background color of r.a.d.editor, you should open the EditorContentArea.css and set the background-color property to the desired value in the RadEContent, .RadEContentBordered  classes

.RadEContent, .RadEContentBordered
{
    background-color: red;
    padding:3px;
    margin: 0px;
    text-align: left;
    scrollbar-face-color: #BACBF4;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #7E9FD2;
    scrollbar-3dlight-color: #E6EEFC;
    scrollbar-arrow-color: #4D6185;
    scrollbar-track-color: #F7F7F3;
    scrollbar-darkshadow-color: #C6D1DC;
    word-wrap: break-word;
}

Save the file and open a fresh browser page with the editor.

The TEXTAREA.RadETextArea class is meant for the textarea that is displayed when the user switches in HTML mode.

Kind regards,
Rumen
the telerik team

www.telerik.com | dnn.telerik.com | www.sharepointcontrols.com | www.sitefinity.com | www.mcmscontrols.com

[jhermans]

Hi, Thanks for the answer so far.
I now find another problem:

When i change that css class, and open the editor, it is still white.
When I do a hard refresh (Ctrl - F5) it seems to work, but the editing area becomes so much smaller.

Also when I close the editor, and open it again, the background is again white.

Furthermore, i can not seem to change the default font-color used in the editor. (changing the Font and color attributes of the same class)

[Atanas Korchev]

Hi Joost,

You can try the following:

1. Open the page containing the editor - ContentEditor.aspx. Its location depends on your deployment scenario:
1. BIN folder
   

   c:\inetpub\wwwroot\wpresources\RadWebParts\RadControls\EditorWebPart\Dialogs

2. GAC deployment
   

   [Program Files]\Common Files\Microsoft Shared\web server extensions\wpresources\RadWebParts\2.0.1.0__1f131a624888eeed\RadControls\EditorWebPart\Dialogs

   
   
2. Add the following CSS rule at the top of the page (it is applied to the content area of r.a.d.editor)
   
           .ms-WPBody
           {
               background-color:red;
               color :white;
           }
3. Save ContentEditor.aspx.

Regards,
Albert
the telerik team

www.telerik.com | dnn.telerik.com | www.sharepointcontrols.com | www.sitefinity.com | www.mcmscontrols.com