I'm developing a user control that contains the WebDataMenu control. The user control is used in a page that has a master page. The master page contains a ScriptManager control, and the user control is not contained in an UpdatePanel. The WebDataMenu is bound to an XmlDataSource, which loads an XML test file. When I run the page, I can see the top level menu items, but a) the menus do not show when I mouse over or click on the top level menu items (File, etc.), and b) the text is overlapping right-arrow images. I'm using a WebPageStyler, and have installed a couple of different stylesets, which do make the menu look different, but with the same results. Removing the WebPageStyler to use the default makes no difference, except that with the WebPageStyler removed, it will randomly display a text-only menu that does show the items when mousing over the text items. The master page does include jQuery, but removing jQuery has no effect on the menu. When I View Source, I can see that the full menu as loaded from the XML file is actually in the page.

For testing, I added an UltraWebMenu to the same user control, tied it to the same XmlDataSource, and it renders perfectly. What am I doing wrong? The user control is included below. I would use the UltraWebMenu, except that it looks like you will be developing WebDataMenu going forward and WebDataMenu is supposed to be faster.

In the image below, the top row is the WebDataMenu, and the lower is the UltraWebMenu.

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="MenuBar.ascx.vb" Inherits="MicroWest.Web.Forms.Controls.MenuBar" %>

<%@ Register assembly="Infragistics35.WebUI.Misc.v10.1, Version=10.1.20101.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.Misc" tagprefix="igmisc" %>

<%@ Register assembly="Infragistics35.Web.v10.1, Version=10.1.20101.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.NavigationControls" tagprefix="ig" %>
<%@ Register assembly="Infragistics35.WebUI.UltraWebNavigator.v10.1, Version=10.1.20101.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.UltraWebNavigator" tagprefix="ignav" %>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/config/testmenu.xml" XPath="/MenuItems/MenuItem" ></asp:XmlDataSource>
<ig:WebDataMenu ID="WebDataMenu1" runat="server" DataSourceID="XmlDataSource1" RootDataMember="MenuItems" Width="100%" StyleSetName="RubberBlack">
    <GroupSettings Orientation="Horizontal" />
    <DataBindings>
        <ig:DataMenuItemBinding DataMember="MenuItem" TextField="MenuText" ValueField="MenuValue" />
        <ig:DataMenuItemBinding DataMember="SubMenuItem" TextField="MenuText" ValueField="MenuValue" />
    </DataBindings>
    <ClientEvents ItemClick="menuItemClick" />
</ig:WebDataMenu>
<igmisc:WebPageStyler ID="WebPageStyler1" runat="server" EnableAppStyling="True" StyleSetName="RubberBlack" />
<ignav:UltraWebMenu ID="UltraWebMenu1" runat="server"
    DataSourceID="XmlDataSource1" FileUrl="" TopAligment="Center"
    TopItemSpacing="Compact">
    <Styles>
        <ignav:Style BorderStyle="Outset" BorderWidth="1px" CssClass="TopHover1"
            Cursor="Default">
        </ignav:Style>
        <ignav:Style BorderColor="LightGray" BorderStyle="Solid" BorderWidth="1px"
            CssClass="TopClass1">
        </ignav:Style>
    </Styles>
    <IslandStyle BackColor="LightGray" BorderStyle="Outset" BorderWidth="1px"
        CssClass="IslandClass" Cursor="Default" Font-Names="MS Sans Serif"
        Font-Size="8pt" ForeColor="Black">
    </IslandStyle>
    <HoverItemStyle BackColor="DarkBlue" BorderStyle="Inset" BorderWidth="1px"
        CssClass="HoverClass" Cursor="Default" ForeColor="White">
    </HoverItemStyle>
    <Images>
        <ScrollTopDisabledImage Url="ig_menu_scrollup_disabled.gif" />
        <ScrollBottomDisabledImage Url="ig_menu_scrolldown_disabled.gif" />
        <SubMenuImage Url="ig_menuTri.gif" />
        <ScrollBottomImage Url="ig_menu_scrolldown.gif" />
        <ScrollTopImage Url="ig_menu_scrollup.gif" />
    </Images>
    <ItemStyle BorderStyle="Outset" BorderWidth="1px" />
    <DataBindings>
        <ignav:ItemBinding DataMember="MenuItem" TextField="MenuText" />
        <ignav:ItemBinding DataMember="SubMenuItem" TargetUrlField="MenuScript"
            TextField="MenuText" />
    </DataBindings>
    <DisabledStyle CssClass="DisabledClass" ForeColor="LightGray">
    </DisabledStyle>
    <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass"
        CustomRules="background-repeat:repeat-x; " />
<ExpandEffects ShadowColor="LightGray" type="Fade"></ExpandEffects>
</ignav:UltraWebMenu>

Thanks.