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.
Hello , I am having similar problems.
When the IE7 is used the submenu container is seperated from horizontal menu items. But when I use IE8 the submenu container is connected to the horizontal menu. I reget the css to my local ig_res. I am using latest version 2011.1.2036. Can you please suggest how I can handle these differences in different explorers.?
My application has around 100 pages using UltraWebGrid and WebDataMenu. It will be difficult for me to change the controls to another more robust control but I am still thinking about obtions. Can you tell me which controller did you use.
I have debugged in IE8 the dynamically generated scripts and seen that the __slideContainer has wrong posTop and height. Therefore the submenu items are displayed away from root menu item.
Hello,
Please let us know if you need further assistance regarding this.
Hi,
when using Infragistics controls you should always include the styles from ig_res folder, else your controls will misbehave. Also changing DOCTYPE always leads to different rendering. This is so so that we can handle any browser differences.
Thanks,
Lubomir
This was with IE7. I was not using the ig_res folder, all was loaded dynamically from the dlls. There's no mixing of versions. In addition to the problems reported, I was also getting radically different rendering of the menus depending on the DOCTYPE on the page. I was trying to start using more Infragistics controls in the application, but ran into some serious performance problems, especially related to grids, and the scheduler control. In the end I decided to use controls from another vendor.
I'm having the same issue with webdatamenu 2010 vol3 SR. I've updated ig_res folder and ig_common folder. IE8 has the problems but not firefox. I'm experiencing this problem across the country, so not just my computer that has the problem. Is there any other folder that I missed to update?