RadEditor toolbars disappear in IE 7 & 8

8 posts, 0 answers
  1. Pirkka
    Pirkka avatar
    4 posts
    Member since:
    Jun 2010

    Posted 14 Jun 2010 Link to this post

    Hi,

    We have built a MOSS2007 intranet site with custom MasterPages, PageLayouts, CSS Stylesheets etc. We are using RadEditor 4.5.4.0 for a rich text editor and we've also integrated it into the MOSS Blog and Wiki sites.

    Unfortunately for some reason the toolbars of the RadEditor disappear in IE 6, 7 and 8 (in every "X-UA-Compatible" mode) in the MOSS Blog and Wiki when out custom MasterPage is used. It seems that the RadEditor script does not behave as expected and inserts an inline-style "display: none;" (see below) for the toolbars effectively hiding them and making it impossible to use the editor.

    <table class="RadEToolbar" id="ctl00_m_g_0044a7d2_c45e_4d42_b9ca_e2c24a7655ec_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextFieldToolbar1" style="display: none; cursor: default;" border="0" cellSpacing="0" cellPadding="0" sizcache="7" sizset="27" unselectable="on">

    The funny thing is that not only the toolbars disappear but the scroll bar of the editor text area moves up and down automatically!

    We've tried to go through all our custom code trying to isolate the problem but with no success yet. The bug does not reproduce itself on publishing content pages nor even in every blog site.

    We are using a Strict Document Type <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> but during testing we noticed that the toolbars show when the browser is forced into Quirks Mode.

    I tried to override the display: none inline style within our CSS-file. It works but IE crashes/hangs while trying to load a resource it never gets. I also tried to do this with JavaScript but the RadEditor scripts are alway executed last on the page (Any ideas how delay script execution past them using jQuery for example?) overriding my code.

    Has anyone ever encountered this kind of issue? We've got several years of experience in building custom sites with MOSS2007 and RadEditor and to my knowledge we have not seen this issue before.

    In which circumstances (normally) does the editor hide itself? When it detects an unsupported browser? If so why the detection fails here and is there away fix/hack it?


    Any ideas or help are most welcome! Thanks!


    Pirkka
  2. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 16 Jun 2010 Link to this post

    Hi Pirkka,

    Could you provide me with the ConfigFile.xml and ToolsFile.xml files, which are located in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.x.x.x__1f131a624888eeed/RadControls/Editor folder?

    A step by step instructions of how to reproduce the issue will be helpful as well.


    Kind regards,
    Stanimir
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

  3. Pirkka
    Pirkka avatar
    4 posts
    Member since:
    Jun 2010

    Posted 16 Jun 2010 Link to this post

    Hi,

    We created a package from the custom blog MasterPage that you could try to install in your own environment to see whether you can reproduce the problem. The package contains the master page (stripped from other functionality than the blog), CSS files and the editor config files.

    To what address should I send the email?

    Pirkka
  4. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 17 Jun 2010 Link to this post

    Hello Pirkka,

    You can sent the package to stanimir.patarinski@telerik.com. Just mention the ref. number of this forum thread.

    Kind regards,
    Stanimir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 17 Jun 2010 Link to this post

    Hello Pirkka,

    Thank you for the provided files. I was able to reproduce the issue and I found out that the problem comes from the following global style defined in the global.css file. More particularly from the border-collapse: collapse property:
    table {border-collapse: collapse; border-spacing: 0; empty-cells: show;}

    I hope that you will find this helpful.

    Kind regards,
    Stanimir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Pirkka
    Pirkka avatar
    4 posts
    Member since:
    Jun 2010

    Posted 17 Jun 2010 Link to this post

    Hi,

    How did you edit the CSS file? Did you remove just those table styles or something else?

    I am puzzled as I've gone through the CSS files few times and always come to this conclusion:

    If I remove everything (including those table styles) from the file except the first 12 lines the RadEditor toolbars are displayed as supposed. If I just remove the table styles nothing happens and the RadEditor toolbars are not displayed...


    What are the situations / use cases where the editor toolbars are kept hidden intentionally?


    Pirkka
  7. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 17 Jun 2010 Link to this post

    Hi Pirkka,

    How did you edit the CSS file? Did you remove just those table styles or something else? - I started with removing the half css styles in the golbal.css file (half the content) until I narrowed it to only this line. It is important to refresh the page with ctrl+F5 after each modification of the file. This will prevent the browser to use cached versions.

    For your convenience I created a small video where you can see my test.


    Regards,
    Stanimir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. Pirkka
    Pirkka avatar
    4 posts
    Member since:
    Jun 2010

    Posted 18 Jun 2010 Link to this post

    Hi,

    Removing that table-style property alone did not work for us (really don't know why) but we also configured the toolbars to take three rows (making the editor) narrower and together these changes fixed the issue.

    It seems that if there is not enough space for the editor toolbars and this style affects the editor, the toolbars will be hidden.

    Thanks for your help!


    Pirkka
Back to Top