Grid is not displayed properly in IE 11 Compatibility Mode

12 posts, 0 answers
  1. Bhanu
    Bhanu avatar
    41 posts
    Member since:
    Jul 2010

    Posted 11 Jun 2015 Link to this post

    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.

  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 11 Jun 2015 Link to this post

    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
  3. Bhanu
    Bhanu avatar
    41 posts
    Member since:
    Jul 2010

    Posted 11 Jun 2015 in reply to Pavlina Link to this post

    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.

  4. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 12 Jun 2015 Link to this post

    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
  5. Bhanu
    Bhanu avatar
    41 posts
    Member since:
    Jul 2010

    Posted 17 Jun 2015 in reply to Pavlina Link to this post

    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 ?

     

  6. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 22 Jun 2015 Link to this post

    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
  7. Rafael
    Rafael avatar
    2 posts
    Member since:
    Mar 2017

    Posted 03 Oct 2017 Link to this post

    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

     

     

     

  8. Rumen
    Admin
    Rumen avatar
    14437 posts

    Posted 05 Oct 2017 Link to this post

    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.
  9. John
    John avatar
    14 posts
    Member since:
    Oct 2017

    Posted 25 May 2018 in reply to Rumen Link to this post

    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

  10. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5812 posts

    Posted 28 May 2018 Link to this post

    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.
  11. Fanie
    Fanie avatar
    16 posts
    Member since:
    Apr 2016

    Posted 08 Jun 2018 in reply to Rumen Link to this post

    Thanks for this, it solved my problems ... grid filters not working, css 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.
  12. Stephan
    Stephan avatar
    1 posts
    Member since:
    Feb 2019

    Posted 21 Feb 2019 Link to this post

    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)

Back to Top