This is a migrated thread and some comments may be shown as answers.

RadEditor toolbars disappear in IE 7 & 8

7 Answers 69 Views
WebParts for SharePoint
This is a migrated thread and some comments may be shown as answers.
Pirkka
Top achievements
Rank 1
Pirkka asked on 14 Jun 2010, 12:49 PM
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

7 Answers, 1 is accepted

Sort by
0
Stanimir
Telerik team
answered on 16 Jun 2010, 08:10 AM
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.
0
Pirkka
Top achievements
Rank 1
answered on 16 Jun 2010, 01:51 PM
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
0
Stanimir
Telerik team
answered on 17 Jun 2010, 08:08 AM
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
0
Stanimir
Telerik team
answered on 17 Jun 2010, 10:59 AM
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
0
Pirkka
Top achievements
Rank 1
answered on 17 Jun 2010, 11:38 AM
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
0
Stanimir
Telerik team
answered on 17 Jun 2010, 12:06 PM
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
0
Pirkka
Top achievements
Rank 1
answered on 18 Jun 2010, 12:58 PM
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
Tags
WebParts for SharePoint
Asked by
Pirkka
Top achievements
Rank 1
Answers by
Stanimir
Telerik team
Pirkka
Top achievements
Rank 1
Share this question
or