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,
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.
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>
</configSections>
<infragistics.web javaScriptDirectory="/Scripts"/>
<appSettings>
.......
Thanks for the help so far
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?
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:
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?
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