RadEditor Dialog Boxes render incorrectly with IE9

4 posts, 1 answers
  1. Russell Shannon
    Russell Shannon avatar
    6 posts
    Member since:
    Dec 2009

    Posted 23 Aug 2011 Link to this post

    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.
  2. Rumen
    Admin
    Rumen avatar
    14028 posts

    Posted 23 Aug 2011 Link to this post

    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 >>

  3. Russell Shannon
    Russell Shannon avatar
    6 posts
    Member since:
    Dec 2009

    Posted 23 Aug 2011 Link to this post

    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
  4. Answer
    Rumen
    Admin
    Rumen avatar
    14028 posts

    Posted 26 Aug 2011 Link to this post

    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 >>

Back to Top