Problem with every nodes under the hamburger in IE

4 posts, 0 answers
  1. Fabien
    Fabien avatar
    4 posts
    Member since:
    Oct 2011

    Posted 03 Oct Link to this post

    Hello,

    i have a problem when i initialize a radNavigation server side ; 

    i have this radNavigation on my aspx page :

    <telerik:RadNavigation ID="rnFacturation" runat="server" Skin="Black" DataFieldID="ID" DataTextField="Text" DataNavigateUrlField="Url" DataFieldParentID="ParentID">
    </telerik:RadNavigation>

     

    and i fill it server side like this :

    siteData.Add(New SiteDataItem(menu.Id, Nothing, menu.Nom, url))
    ...

    siteData.Add(New SiteDataItem(sousMenu.Id, menu.Id, sousMenu.Nom, url))

    ...

    rnFacturation.DataSource = siteData
    rnFacturation.DataBind()

     

    Under Chrome, the RadNavigation has every Nodes i have inserted into it. In IE, the Nodes are only under the hamburger button and the style is very strange!

     

    Any idea of the problem ?

     

    thanks in advance for the help.

  2. Fabien
    Fabien avatar
    4 posts
    Member since:
    Oct 2011

    Posted 05 Oct Link to this post

    Solved by adding "<meta http-equiv="X-UA-Compatible" content="IE=Edge" />" on my aspx page.

     

    I think there's a bug on IE when the compatibiliy mode is IE7 or IE9 : every nodes are under the hamburger ; forcing to edge mode resolve this problem (but add others :) )

  3. Peter Milchev
    Admin
    Peter Milchev avatar
    300 posts

    Posted 06 Oct Link to this post

    Hello Fabien,

    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 recommendation is to be to disable the compatibility mode.

    The following meta tag could be helpful to do that:

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

    as you have discovered and as suggested in the following resources:
    However, if the compatibility mode is set via a group policy the meta tag above may not work. In this case, it is up to the network administrator to cancel this setting.

    Regards,
    Peter Milchev
    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.
  4. Fabien
    Fabien avatar
    4 posts
    Member since:
    Oct 2011

    Posted 11 Oct Link to this post

    thanks!
Back to Top