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

IE9 Compatibility Mode breaks header alignment

3 Answers 16 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Julian
Top achievements
Rank 1
Julian asked on 05 Aug 2015, 10:30 PM

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?

 

 

 

 

 

3 Answers, 1 is accepted

Sort by
0
Accepted
Pavlina
Telerik team
answered on 10 Aug 2015, 04:54 PM
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
0
Julian
Top achievements
Rank 1
answered on 13 Aug 2015, 01:52 PM

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!

0
Pavlina
Telerik team
answered on 13 Aug 2015, 04:37 PM
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
Tags
Grid
Asked by
Julian
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Julian
Top achievements
Rank 1
Share this question
or