Hi all,
Firstly my apologies for posting this question as I'm sure it has been posted before but I cannot seem to find the answer.I have added a UltraWebMenu to my master page and it works perfectly in my dev environment (everything running locally on my machine). When I upload the web app to the hosted web server the sub menus will not drop down when I hover over the menu items. I am guessing that I have a missing reference to a CSS class.. ? But which one I do not know.
Here is the UltraWebMenu Code I am using:
<ignav:UltraWebMenu ID="UltraWebMenu1" runat="server" BackColor="Black" FileUrl="" Height="100%" JavaScriptFilename="" JavaScriptFileNameCommon="" LeafItemImageUrl="" ParentItemImageUrl="" StyleSetName="" TargetFrame="" TargetUrl="" TopAligment="Center" TopItemSpacing="Compact" Font-Bold="True"> <Styles> <ignav:Style BorderStyle="Outset" BorderWidth="1px" CssClass="TopHover3" Cursor="Default"> </ignav:Style> <ignav:Style BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" CssClass="TopClass3"> </ignav:Style> </Styles> <IslandStyle BackColor="Black" BorderStyle="Outset" BorderWidth="2px" Cursor="Default" Font-Names="MS Sans Serif" Font-Size="8pt" ForeColor="White"> </IslandStyle> <HoverItemStyle BackColor="DarkBlue" Cursor="Default" ForeColor="White"> </HoverItemStyle> <Images> <ScrollTopDisabledImage Url="/Images/Menu/ig_menu_scrollUp_disabled.gif" /> <ScrollBottomDisabledImage Url="/Images/Menu/ig_menu_scrollDown_disabled.gif" /> <SubMenuImage Url="/Images/Menu/arrow_white.gif" /> <ScrollBottomImage Url="/Images/Menu/ig_menu_scrollDownWhite.gif" /> <ScrollTopImage Url="/Images/Menu/ig_menu_scrollUpWhite.gif" /> </Images> <ItemStyle CssClass="MenuItemClass" ForeColor="White" Height="20px" /> <Items> <ignav:Item TargetUrl="Home.aspx" Text="Home"> </ignav:Item> <ignav:Item Text="Dictionaries"> <Items> <ignav:Item TargetUrl="UserDetails.aspx" Text="Users"> </ignav:Item> <ignav:Item TargetUrl="dictXCons.aspx" Text="XCon"> </ignav:Item> <ignav:Item TargetUrl="dictCounties.aspx" Text="Counties"> </ignav:Item> <ignav:Item TargetUrl="dictLocations.aspx" Text="Locations"> </ignav:Item> <ignav:Item TargetUrl="dictMethod.aspx" Text="Methods"> </ignav:Item> <ignav:Item TargetUrl="dictSpecies.aspx" Text="Species"> </ignav:Item> <ignav:Item TargetUrl="dictWindDirection.aspx" Text="Wind Direction"> </ignav:Item> </Items> </ignav:Item> <ignav:Item Text="Reports"> <Items> <ignav:Item TargetUrl="ReportSearch.aspx" Text="Reports Search"> </ignav:Item> <ignav:Item TargetUrl="ReportCreate.aspx" Text="Create Report"> </ignav:Item> </Items> </ignav:Item> </Items> <DisabledStyle CssClass="MenuDisabledClass" ForeColor="LightGray"> </DisabledStyle> <Levels> <ignav:Level Index="0" /> <ignav:Level Index="1" /> </Levels> <SeparatorStyle BackgroundImage="/Images/Menu/ig_menuStandardSep.gif" CustomRules="background-repeat:repeat-x; " /> <ExpandEffects ShadowColor="LightGray" Type="Fade"></ExpandEffects> <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" SubMenuDisplay="" ItemHover=""></MenuClientSideEvents> </ignav:UltraWebMenu>
<ignav:UltraWebMenu ID="UltraWebMenu1" runat="server" BackColor="Black" FileUrl=""
Height="100%" JavaScriptFilename="" JavaScriptFileNameCommon=""
LeafItemImageUrl="" ParentItemImageUrl="" StyleSetName="" TargetFrame="" TargetUrl=""
TopAligment="Center" TopItemSpacing="Compact" Font-Bold="True">
<Styles>
<ignav:Style BorderStyle="Outset" BorderWidth="1px" CssClass="TopHover3" Cursor="Default">
</ignav:Style>
<ignav:Style BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" CssClass="TopClass3">
</Styles>
<IslandStyle BackColor="Black" BorderStyle="Outset" BorderWidth="2px" Cursor="Default"
Font-Names="MS Sans Serif" Font-Size="8pt" ForeColor="White">
</IslandStyle>
<HoverItemStyle BackColor="DarkBlue" Cursor="Default" ForeColor="White">
</HoverItemStyle>
<Images>
<ScrollTopDisabledImage Url="/Images/Menu/ig_menu_scrollUp_disabled.gif" />
<ScrollBottomDisabledImage Url="/Images/Menu/ig_menu_scrollDown_disabled.gif" />
<SubMenuImage Url="/Images/Menu/arrow_white.gif" />
<ScrollBottomImage Url="/Images/Menu/ig_menu_scrollDownWhite.gif" />
<ScrollTopImage Url="/Images/Menu/ig_menu_scrollUpWhite.gif" />
</Images>
<ItemStyle CssClass="MenuItemClass" ForeColor="White" Height="20px" />
<Items>
<ignav:Item TargetUrl="Home.aspx" Text="Home">
</ignav:Item>
<ignav:Item Text="Dictionaries">
<ignav:Item TargetUrl="UserDetails.aspx" Text="Users">
<ignav:Item TargetUrl="dictXCons.aspx" Text="XCon">
<ignav:Item TargetUrl="dictCounties.aspx" Text="Counties">
<ignav:Item TargetUrl="dictLocations.aspx" Text="Locations">
<ignav:Item TargetUrl="dictMethod.aspx" Text="Methods">
<ignav:Item TargetUrl="dictSpecies.aspx" Text="Species">
<ignav:Item TargetUrl="dictWindDirection.aspx" Text="Wind Direction">
</Items>
<ignav:Item Text="Reports">
<ignav:Item TargetUrl="ReportSearch.aspx" Text="Reports Search">
<ignav:Item TargetUrl="ReportCreate.aspx" Text="Create Report">
<DisabledStyle CssClass="MenuDisabledClass" ForeColor="LightGray">
</DisabledStyle>
<Levels>
<ignav:Level Index="0" />
<ignav:Level Index="1" />
</Levels>
<SeparatorStyle BackgroundImage="/Images/Menu/ig_menuStandardSep.gif" CustomRules="background-repeat:repeat-x; " />
<ExpandEffects ShadowColor="LightGray" Type="Fade"></ExpandEffects>
<MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" SubMenuDisplay=""
ItemHover=""></MenuClientSideEvents>
</ignav:UltraWebMenu>
I am using the APTCA dll's from Program files for the WebMenu control as the server is shared hosting.
Thanks in advance
HI,
This sounds like a JavaScript issue. Since you are on a Hosted Server - you propably can't create a virtual directory.
Please follow the instructions in this help link:
http://help.infragistics.com/Help/NetAdvantage/NET/2008.3/CLR2.0/html/Web_Deploying_an_Application_to_a_Hosted_Server_Environment.html
I have added the following to my web.config inside the <ConfigSection><SectionGroup>
<section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler, System, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false"/>
i have also added:
</configSections>
<infragistics.web javaScriptDirectory="/Scripts"/>
When I try to visit the site I get the following error:Parser Error Message: Unrecognized configuration section infragistics.web.Source Error:
Line 15: </sectionGroup> Line 16: </configSections> Line 17: <infragistics.web javaScriptDirectory="/Scripts"/> Line 18: <appSettings></appSettings>
I have a folder in my .net website /Scripts/ which contains:ig_shared.jsig_webmenu.js ig_webmenux.js
Can anyone please tell me where I am going wrong?Also, can anyone tell me where I can find a list of Styles/CSS Classes that correspond to the Infragistics controls?
Here is the references from the page source:
They are vaild locations for these files.This is the url f the test site if you want to see yourself:
www.recordyourcatch.com/Home.aspx
Any updates on this would be greatly appreciated.
Thanks
This is very urgent at this stage. Can someone please offer some advice.
Hello allythacker,What I see at the URL you have provided (http://www.recordyourcatch.com/dictMethod.aspx) is working pretty well under IE6, IE7, IE8, FF2, FF3 (all browsers in native mode - not simulating, not multiple-ie, etc.).Do you still have an issue, and if so, please let us know the details. Did you check you browser's settings. May be there is some security misscofiguration, or disallowing JavaScript.
I eventually got it.
It doesn't seem to work with Chrome the same as a lot of the Infragistics controls.