Shay Grinstein
Top achievements
Rank 1
Rank 1
Shay Grinstein
asked on 24 May 2010, 07:54 AM
Hello,
I'm using ASP.NET Ajax RadMenu in several websites and recently I've noticed that the 3rd level is not visible when I browse the websites with IE 6 or 7.
You can see the problem at:
www.applisonix.com
On the menu go to News and Events -> News. On IE 8 and Firefox you'll see a 3rd level with News 2009 and News 2010.
However, On IE 6 and 7 you'll see the text for a second and then it will disappear.
I'm using a custom skin:
http://www.applisonix.com/skins/Menu.applisonixSkin.css
What could be the problem?
I'm using ASP.NET Ajax RadMenu in several websites and recently I've noticed that the 3rd level is not visible when I browse the websites with IE 6 or 7.
You can see the problem at:
www.applisonix.com
On the menu go to News and Events -> News. On IE 8 and Firefox you'll see a 3rd level with News 2009 and News 2010.
However, On IE 6 and 7 you'll see the text for a second and then it will disappear.
I'm using a custom skin:
http://www.applisonix.com/skins/Menu.applisonixSkin.css
What could be the problem?
3 Answers, 1 is accepted
0
Shay Grinstein
Top achievements
Rank 1
Rank 1
answered on 24 May 2010, 07:56 AM
This is the ASPX code:
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div id="mainContainer">
<div id="flash"><script>showFlash('flash_home.swf', 770, 130)</script></div>
<div id="nav_home1">
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />
<div style="margin-top: -12px;">
<telerik:RadMenu ID="RadMenu1" runat="server" DataSourceID="SiteMapDataSource1"
EnableEmbeddedSkins="False" CssClass="RadMenu_applisonixSkin"
DataTextField="Title" DefaultGroupSettings-OffsetY="-2">
</telerik:RadMenu>
</div>
</div>
...
Thanks,
Shay
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div id="mainContainer">
<div id="flash"><script>showFlash('flash_home.swf', 770, 130)</script></div>
<div id="nav_home1">
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />
<div style="margin-top: -12px;">
<telerik:RadMenu ID="RadMenu1" runat="server" DataSourceID="SiteMapDataSource1"
EnableEmbeddedSkins="False" CssClass="RadMenu_applisonixSkin"
DataTextField="Title" DefaultGroupSettings-OffsetY="-2">
</telerik:RadMenu>
</div>
</div>
...
Thanks,
Shay
0
Accepted
Hello Shay,
This happens because filters implementation in IE is very buggy and among other things (like breaking alpha transparency) the filters set overflow to hidden on the affected element. To work around this, you need to set the transparency to an element that is not a container to the sub menu - like .rmLink. I modified your skin to fix that and I'm attaching it here.
Sincerely yours,
Kamen Bundev
the Telerik team
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 Public Issue Tracking system and vote to affect the priority of the items.
This happens because filters implementation in IE is very buggy and among other things (like breaking alpha transparency) the filters set overflow to hidden on the affected element. To work around this, you need to set the transparency to an element that is not a container to the sub menu - like .rmLink. I modified your skin to fix that and I'm attaching it here.
Sincerely yours,
Kamen Bundev
the Telerik team
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 Public Issue Tracking system and vote to affect the priority of the items.
0
Shay Grinstein
Top achievements
Rank 1
Rank 1
answered on 25 May 2010, 03:45 PM
This resolved my problem.
Thank you,
Shay.
Thank you,
Shay.