I have a very simple UltraWebMenu with three top-level items. When I am using IE and Mozillia, the button I am hovering over becomes highlighted as expected; but with Safari (and Google Chrome) the first menu button is always highlighted no matter which button I hover over (the menu functions correctly in all other respects).
I am using VB 2008 on Vista 32-bit Business (Infragistics35.WebUI.UltraWebNavigator.v9.1, Version=9.1.20091.2067).
Is this a bug, or is there something I can do to get the proper highlighting with Safari?
Source code below:
<%@ page language="VB" autoeventwireup="false" inherits="_Default, App_Web_ch4vkgj3" %>
<%@ Register Assembly="Infragistics35.WebUI.UltraWebNavigator.v9.1, Version=9.1.20091.2067, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.UltraWebNavigator" TagPrefix="ignav" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <div> <ignav:UltraWebMenu ID="UltraWebMenu1" runat="server" BackColor="#FFCC99" FileUrl="" Font-Bold="True" ForeColor="#000099" TargetFrame="" TargetUrl="" TopAligment="Center" TopItemSpacing="Compact" WebMenuStyle="XPClient" Width="270px"> <Styles> <ignav:Style BackColor="LightGray" BorderColor="#A9ABB5" BorderStyle="Solid" BorderWidth="1px" CssClass="TopHover5" Cursor="Default" ForeColor="Black"> </ignav:Style> <ignav:Style BackColor="FloralWhite" BackgroundImage="None" BorderColor="FloralWhite" BorderStyle="Solid" BorderWidth="1px" CssClass="TopClass5" ForeColor="Black"> </ignav:Style> </Styles> <IslandStyle BackColor="LightGray" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" Cursor="Default" Font-Names="MS Sans Serif" Font-Size="8pt" ForeColor="Black"> </IslandStyle> <TopSelectedStyle BackColor="FloralWhite" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" ForeColor="Black"> </TopSelectedStyle> <HoverItemStyle BackColor="#C1D2EE" BorderStyle="None" BorderWidth="0px" Cursor="Default" ForeColor="Black"> </HoverItemStyle> <Images> <ScrollTopDisabledImage Url="ig_menuSilverUp_disabled.gif" /> <ScrollBottomDisabledImage Url="ig_menuSilverDown_disabled.gif" /> <SubMenuImage Url="ig_menuTri.gif" /> <ScrollBottomImage Url="ig_menuSilverDown.gif" /> <ScrollTopImage Url="ig_menuSilverUp.gif" /> </Images> <ItemStyle BorderWidth="0px" /> <Items> <ignav:Item AccessKey="1" Text="Button One" ToolTip="Button One"> </ignav:Item> <ignav:Item AccessKey="2" Text="Button Two" ToolTip="Button Two"> </ignav:Item> <ignav:Item AccessKey="3" Text="Button Three" ToolTip="Button Three"> </ignav:Item> </Items> <DisabledStyle ForeColor="LightGray"> </DisabledStyle> <Levels> <ignav:Level Index="0" /> </Levels> <SeparatorStyle BackgroundImage="ig_menuSep.gif" CustomRules="background-repeat:repeat-x; " /><ExpandEffects ShadowColor="Black" Type="Fade"></ExpandEffects> </ignav:UltraWebMenu> </div> </form></body></html>
I took my own answer and I reverted back to the 2007.3 version of the javascript files for the webmenu and it worked.
http://forums.infragistics.com/forums/p/9144/35631.aspx#35631
How foolish of me to think this would have been fixed, but it hasn't.
This is even a problem in your example website:
http://samples.infragistics.com/2009.2/WebFeatureBrowser/Default.aspx
Then choose ASP.NET (AJAX Enabled) ==> WebMenu ==> Keyboard Navigation
That example has the same problem, no matter which tab you hover over, the first tab's submenu flys out.
This is terrible cross browser support.
We are having the same problem. We are using 2008.2 with the service release from November of 2009. So if I mouseOver Tab #5, Tab #1 is highlighted, and the sub-menu for Tab #1 is shown.