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

RadEditor Dialog Boxes render incorrectly with IE9

3 Answers 48 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Russell Shannon
Top achievements
Rank 1
Russell Shannon asked on 23 Aug 2011, 11:44 AM
I am using Telerik.Web.UI_2011_2_712. When opening any of the image/document etc managers, the dialog box is 510 px high with a 20px strip of images 30 px down from the top, 16 px wide but repeating horizontally the width of the dialog box. When I go to compatibility mode, the dialog box displays correctly and is 490px high.

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 23 Aug 2011, 01:37 PM
Hello Russell,

Do you use XHTML DOCTYPE on your page with RadEditor? If not try with the following one:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Are you able to reproduce the problem in the live demos of RadEditor too?

If you unable to find the reason for the problem, please isolate it in a simple working project and send it for examination on our side via a support ticket.

Best regards,
Rumen
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

0
Russell Shannon
Top achievements
Rank 1
answered on 24 Aug 2011, 02:52 AM
OK - I have found the problem -
If you add

table{margin-bottom:50px}

into  your style sheet to add a 50px margin to the bottom of every table,
then the RadEditor dialog boxes will add 50 px at the top of the dialog box.
This doesn't happen in compatibility mode and I haven't checked other browsers
0
Accepted
Rumen
Telerik team
answered on 26 Aug 2011, 10:27 AM
Hello Russell,

Generally, it is not recommended to use global styles with third party controls because obviously the third party controls consist HTML and your global styles can easily spoil their design.

What you can try to fix the problem is to use id selectors or try the suggestion provided in the following KB article: Overriding Global CSS Styles Inherited by RadEditor.


All the best,
Rumen
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Tags
Editor
Asked by
Russell Shannon
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Russell Shannon
Top achievements
Rank 1
Share this question
or