Transparent background

[sean]

Our site has black background and the H1 paragraph format is white.  However in both design and preview mode, the RAD Editor always uses white backgound and after I applied white H1, the text is still in black. 
I saw a workaround in previous post, any updates on that?

[George]

Hi Sean,

Telerik RadEditor uses the same CSS files as the default rich-text editor. Those files are HtmlEditorTableFormats.css and HtmlEditorCustomStyles.css, which are located in the following folder:
/Program Files/Common Files/Microsoft Shared/web server extensions/12/Template/Layouts/1033/Styles

By modifying these CSS files you can add, edit, and delete CSS styles which are displayed in the "Apply CSS class" dropdown and applied to the editor's content. If you do not wish to modify the default MOSS editor CSS files, you can add your custom styles in another location:/Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.x.x.x__1f131a624888eeed/RadControls/Editor/CssEditor.css

This file is not created by default when you install RadEditor for MOSS. But, if it is present, the editor will automatically load it. However, note that the file will not be loaded in presentation mode when the editor is used in a list (e.g. wiki). This is because we cannot modify the page and add it when the editor is invisible. To workaround this problem you can include this file manually to the master page (using SharePoint Designer) or add it in the MOSS core CSS styles. Either way it will be automatically loaded in presentation as well as authoring (editing) mode. For example, to add the CssEditor.css file in the default MOSS styles, open the file /Program Files/Common Files/Microsoft Shared/web server extensions/12/Template/Layouts/1033/Styles/CORE.CSS and add the following line:
@import url("/_wpresources/RadEditorSharePoint/4.x.x.x__1f131a624888eeed/RadControls/Editor/CssEditor.css");

What I suggest is to set your custom styles in the CssEditor.css and test the scenario. In addition, please check using FireBug what styles are applied to the and if needed, modify some of the global styles.

Best regards,
George
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[sean]

Hi George,

I have already created the csseditor.css file.  How can I make the editing area transparent?  Our site background is black, but the editing area is white. Our user would like to have WYSIWYG environment.

[Martin]

Hello Sean,

We were not able to reproduce the issue on our website, as everything seemed to work fine.

If possible, prepare a small running project (not a MOSS) that contains RadEditor, all of your custom styles, as well as CssEditor.css. Also, provide us with a detailed description of the result you want to achieve, so we are able to help.

Have a great weekend,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[sean]

Did you solve the problem?
In this thread dated on Feb 21, 2007, telerik said this is an issue and provided a workaround.
http://www.telerik.com/community/forums/thread/b311D-bbecm.aspx

Here is a screen shot of our RADEditor.  The background is white
http://www.pbase.com/image/104972748/original.jpg

This is the Sharepoint Default Editor.  The background is transparent.
http://www.pbase.com/image/104973492/original.jpg

Sean

[Martin]

Hi Sean,

Please, review the following article that describes how to change the appearance of the editing are of RadEditor. In my previous post I mentioned that we have tested the issue on our side, and everything seems to work normally.

Again, if possible, please, open a new support ticket and send us a small running project, along with a description of the result you want to achieve and we will try to help.

Have a great week,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.