Transparent background

6 posts, 0 answers
  1. sean
    sean avatar
    38 posts
    Member since:
    Jul 2008

    Posted 22 Oct 2008 Link to this post

    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?
  2. George
    Admin
    George avatar
    859 posts

    Posted 23 Oct 2008 Link to this post

    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.

  3. sean
    sean avatar
    38 posts
    Member since:
    Jul 2008

    Posted 23 Oct 2008 Link to this post

    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.
  4. Martin
    Admin
    Martin avatar
    585 posts

    Posted 24 Oct 2008 Link to this post

    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.
  5. sean
    sean avatar
    38 posts
    Member since:
    Jul 2008

    Posted 24 Oct 2008 Link to this post

    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
  6. Martin
    Admin
    Martin avatar
    585 posts

    Posted 27 Oct 2008 Link to this post

    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.
Back to Top