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

Problem with every nodes under the hamburger in IE

3 Answers 90 Views
Navigation
This is a migrated thread and some comments may be shown as answers.
Fabien
Top achievements
Rank 1
Fabien asked on 03 Oct 2017, 01:48 PM

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.

3 Answers, 1 is accepted

Sort by
0
Fabien
Top achievements
Rank 1
answered on 05 Oct 2017, 10:12 AM

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

0
Peter Milchev
Telerik team
answered on 06 Oct 2017, 08:32 AM
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.
0
Fabien
Top achievements
Rank 1
answered on 11 Oct 2017, 08:41 AM
thanks!
Tags
Navigation
Asked by
Fabien
Top achievements
Rank 1
Answers by
Fabien
Top achievements
Rank 1
Peter Milchev
Telerik team
Share this question
or