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.

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 :) )

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:

• https://stackoverflow.com/questions/3449286/force-ie-compatibility-mode-off-using-tags;
• https://www.howtogeek.com/128289/how-to-disable-compatibility-mode-in-internet-explorer/;

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

thanks!