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?
Hello allythacker,What I see is that there is missmatch of your open/close tags. Right config sections declaration is as follows:
<configSections> <section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler,System, Version=1.0.3300.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" /></configSections>And this configuration section should be in the main <configuration> section.Could you, please try with this structure of configSection and let us know if it worked for you?
ok, I have that in and I am not getting an error. However, the sub-menu's are not displaying.
Those javascript files I mentioned are in a folder \Scripts\ is there anything else required to get this menu to work? i.e. StyleSheets ? if so which ones and where exactly do I place the following line in the web.config:<infragistics.web javaScriptDirectory="/Scripts"/>
Currently that line is at:
<?xml version="1.0"?>
<configuration>
<configSections>
<section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler,System, Version=1.0.3300.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" />
<sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
<sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
<section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
<sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
<section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere"/>
<section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
<section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
<section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>
</sectionGroup>
<appSettings>
.......
Thanks for the help so far
Lets verify where the javascript for the menu is coming from - bring up your page in IE - then "view source" of the page - verify the location of the <Script src= - make sure the javascript files are in there.
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
I eventually got it.
It doesn't seem to work with Chrome the same as a lot of the Infragistics controls.
Thanks
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.
This is very urgent at this stage. Can someone please offer some advice.
Any updates on this would be greatly appreciated.