We are trying to upgrade the browser from IE9 to IE11.
We are using VS 2012 and Telerik controls for ASP.NET AJAX version 2013.3.1114.45.
We are configuring the radgrid programmatically in .cs page and already set the MasterView width to 100%.
The grid is not displayed properly in IE 11 compatibility mode. But displayed correctly in IE 11 normal mode.
Any idea how to resolve the mentioned issue ?
11 Answers, 1 is accepted
Could you please confirm that the same problem persists with the latest Telerik.UI version of the controls?
If the issue is still the same send us the problematic code or a live URL of the project where we can inspect the control.
Can you please provide solution for the current version 2013.3.1114.45 as we don't have any plans to upgrade the telerik controls now ?
In order to further investigate the issue in IE 11 compatibility mode and provide a solution for it we will need a sample code that replicates the problem or a runnable project showing the unwanted behavior. You could upload the project on a public sharing site and paste the URL so we could download it from there.
If the below tag is placed under <head> section then the grid is displayed properly.
<meta http-equiv="X-UA-Compatible" content="IE=11" />
Any idea why should we add the meta tag ?
After adding the pointed meta tag the browser force IE 11 instead of IE 7, therefore the grid displays properly. In case you want to prevent the problem you encounter with the grid in IE 7 we will need to inspect the problem locally, otherwise it would be difficult to say why you encounter this problem and how you can resolve it.
Hello - I know this is a very old thread...however, I am getting this exact problem that the telerik grid is not displaying properly with IE 11 and compatibility mode ON.
Is there a FIX for this issue?
We just installed UI for ASP.NET AJAX R3 2017 (version 2017.3.913) and set the project to .NET 4.5.1
All versions of Telerik UI for ASP.NET AJAX support only the native rendering mode of Internet Explorer.
The compatibility mode of IE is officially not supported as noted in the Browser Support page, because it forces the browser to render the page in IE7 emulation mode. IE7 is no longer supported by Microsoft and does not work with CSS3, which is widely used by the lightweight rendering of the Telerik AJAX components.
That's why my advice is to disable the compatibility mode. The following meta tag could be useful too:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
I am using the latest version of Grid and I am using the meta tag am still getting misaligned columns when in compatibility mode. IT forces all sites in our domain to be in compatibility mode. The meta tag works for all other issues except for the grid. Will probably put in a support ticket, but before would you have any other insights?
There will be no solution for this because the Compatibility Mode has not been supported for a few years now: https://www.telerik.com/aspnet-ajax/tech-sheets/browser-support. This means that fixes for this mode are not implemented. You can read more about the fixes/enhancements policy we have in the following page https://docs.telerik.com/devtools/aspnet-ajax/licensing/old-versions-support-policy.
The Classic RenderMode has a small chance of behaving better under such old browsers because it has more remnants of the old code, and if you downgrade jQuery to 1.11.1, for example, that supports such old browsers there may be a chance, but I cannot guarantee it will work out.
Add this code on PageLoad and its help for you
Dim metaEdgeIE As HtmlMeta = New HtmlMeta()
metaEdgeIE.HttpEquiv = "X-UA-Compatible"
metaEdgeIE.Content = "IE=EDGE"