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>
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.
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.