IE9 Compatibility Mode breaks header alignment

4 posts, 1 answers
  1. Julian
    Julian avatar
    61 posts
    Member since:
    Apr 2015

    Posted 05 Aug 2015 Link to this post

    I am running an older version of the controls and have an issue where our internal intranet servers default IE behavior to run in Compatibility mode.

    Telerik Version: 2012.3.1308.40 

    This is breaking the alignment of my grids headers. The left most header has a empty column name. The rest of the columns headers are populated. 

     In the Screen shot you'll see how the "Plan" column header text is pushed to the left overlapping the top of my row headers. If I go into tools -> Compatibility View Settings and uncheck the option to run the browser in compatibility mode for all intranet sites the columns render just fine.

     

    Any ideas on what this might be?

     

     

     

     

     

  2. Answer
    Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 10 Aug 2015 Link to this post

    Hello,

    This problem should be resolved in the latest Telerik UI version of ASP.NET AJAX controls. Download it and let us know if you still encounter the same alignment issue.

    Regards,
    Pavlina
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
  3. Julian
    Julian avatar
    61 posts
    Member since:
    Apr 2015

    Posted 13 Aug 2015 in reply to Pavlina Link to this post

    Thanks Pavlina. The issue actually was that our IT folks (I believe due to a perceived IE11 issue, which I'm certain I could fix) forced all intranet sites to run in Compatibility mode. Up until that point the headers were fine.

    What I found was that I had the <headerstyle... tag being utilized within the Grid on the aspx page. With this tag you can set a default width of the column headers. Which in effect sets the width of the columns. However in my code behind on the columnCreated event I was specifying specific column widths (column.headerstyle.width) for some of the colulmns. So really this is just coder error. :(  Once I dropped the "width" property from the "<headerstyle..." tag on the aspx page the issue resolved itself. It was as if the aspx and the code behind were fighting each other. Viewing the html with chromes tools I was able to see some strange results regarding the widths. Widths such as "97" or "131.7". 

    In the end the Telerik grid is fine. IE is definitely less forgiving than Chrome when it comes to the header's and their widths. IE's compatibility mode is just evil.

    Thanks!

  4. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 13 Aug 2015 Link to this post

    Hi,

    I am glad to hear that the grid headers are working fine. Please do not hesitate to contact us again in case further questions or problems arise.

    Good luck with your project.

    Regards,
    Pavlina
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
Back to Top