Mega Menu messed up with IE compatibility mode.

2 posts, 0 answers
  1. Cory
    Cory avatar
    20 posts
    Member since:
    Sep 2015

    Posted 05 Jul Link to this post

    I've attached a mega menu example in the pictures below where the only thing I changed between the "Good" and the "Bad" was the "Display Intranet Sites in Compatibility Mode".

    Basically when compatibility mode gets in the way the display of the menu gets completely messed up.  Has anyone else had this problem / fixed it?  The menu is part of a master page - which seems to drive the problem somewhat too - the master page was the generated single menu one that Telerik supplies. 

    The solution – according to the web – is to force IE to display using the latest engine (EDGE) by doing the following with the web.config:

            <add name="X-UA-Compatible" value="IE=Edge" />

    Or you can do the following in each page:

       <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

    Unfortunately in the environment I'm in – neither of those solutions accomplishes the objective – the application stays in compatibility mode either way – at least when a master page is involved.

    I've noticed that the radGrid gets messed up to - the columns don't resize correctly.  Plus the fonts get messed up somewhat when compatibility mode is engaged. 



    Cory Aston


  2. Marin Bratanov
    Marin Bratanov avatar
    3564 posts

    Posted 05 Jul Link to this post

    Hello Cory,

    Indeed, this is the recommended solution because we do not support IE7 (and, hence, the Compatibility mode):

    If even adding the X-UA value as an HTTP header does not help, you can discuss the issue with the local administrators team so they can remove the checkbox via group policy).

    I can also suggest that you compare the master page that causes the issues with another that doesn't to find the difference (e.g., invalid markup, another X-UA meta tag later in the head, the meta tag not being placed early enough).


    Marin Bratanov
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. DevCraft R3 2016 release webinar banner
Back to Top