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

Grid is not displayed properly in IE 11 Compatibility Mode

11 Answers 211 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Bhanu
Top achievements
Rank 1
Bhanu asked on 11 Jun 2015, 11:58 AM

Hi,

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 ?

 

Thanks

Bhanu.

11 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 11 Jun 2015, 03:45 PM
Hello,

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.

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
Bhanu
Top achievements
Rank 1
answered on 11 Jun 2015, 08:32 PM

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 ?

 

Thanks

Bhanu.

0
Pavlina
Telerik team
answered on 12 Jun 2015, 02:44 PM
Hi,

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.

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
Bhanu
Top achievements
Rank 1
answered on 17 Jun 2015, 05:43 PM

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 ?

 

0
Pavlina
Telerik team
answered on 22 Jun 2015, 04:12 PM
Hi,

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.

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
Rafael
Top achievements
Rank 1
answered on 03 Oct 2017, 04:56 PM

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

 

 

 

0
Rumen
Telerik team
answered on 05 Oct 2017, 06:47 AM
Hi Rafael,

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

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
John
Top achievements
Rank 1
answered on 25 May 2018, 02:30 PM

Hi,

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?

john

0
Marin Bratanov
Telerik team
answered on 28 May 2018, 09:55 AM
Hi John,

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.


Regards,
Marin Bratanov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Fanie
Top achievements
Rank 1
answered on 08 Jun 2018, 08:59 AM
Thanks for this, it solved my problems ... grid filters not working,  not pulling through ... 3 days banging my head, checking my code and web.config and it turns out to be IE compatibility mode being switched on on the client side.
0
Stephan
Top achievements
Rank 1
answered on 21 Feb 2019, 06:18 AM

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"
        Page.Header.Controls.AddAt(0, metaEdgeIE)

Tags
Grid
Asked by
Bhanu
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Bhanu
Top achievements
Rank 1
Rafael
Top achievements
Rank 1
Rumen
Telerik team
John
Top achievements
Rank 1
Marin Bratanov
Telerik team
Fanie
Top achievements
Rank 1
Stephan
Top achievements
Rank 1
Share this question
or