Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
425
UltraWebMenu and Safari
posted

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>