Multiple Menus

wagham · March 27th, 2009, 05:39 PM

I have a site which has a menu on the MasterPage. There are no subsidiary popups from this menu. On a particular page I want to add another menu in the right sidebar which will have one or more subsidiary pages per menu item. In the .sitemap file I have the following:

Code:

<siteMapNode>
 <siteMapNode url="mainMenu.aspx"title="MasterPage Menu"description=""roles="*">
   <siteMapNode url="Default.aspx"title="Home"description=""roles="*">
   </siteMapNode>
           "etc"
 </siteMapNode>
 <siteMapNode url="ClubRoom.aspx"title="ClubRoom Menu"description=""roles="*">
   <siteMapNode url="Fixtures.aspx"title="Fixtures"description=""roles="*">
           "Subsidiary nodes to 3 levels"
   </siteMapNode>
 </siteMapNode>
</siteMapNode>

My menu controls are as follows:

MasterPage

Code:

<asp:SiteMapDataSourceID="RLSBC_MenuProvider"runat="server"ShowStartingNode="False"StartingNodeUrl="mainMenu.aspx"/>

ClubRoom

Code:

<asp:SiteMapDataSourceID="RLSBC_SidebarProvider"runat="server"ShowStartingNode="False"StartingNodeUrl="ClubRoom.aspx"/>

The MasterPage menu displays exactly as I want it. I don't get any errors when the ClubRoom is displayed; but then again I don't get any menu items either.

Is it possible to do what I want?

philip_cole · March 27th, 2009, 07:58 PM

Hi Wagham,

Yes it is indeed possible and I managed to get your very menu running.
Is it possible to post your ClubRoom menu code, just in case there is something strange with that, and maybe a couple more levels of the sitemap? I can't see any other issues with what you've got.

Phil

wagham · March 30th, 2009, 05:17 PM

My code for the menu that appears at the top of every page on the Masterpage.aspx is

Code:

<divid="mainMenu">
<asp:SiteMapDataSourceID="RLSBC_MenuProvider"runat="server"ShowStartingNode="False"StartingNodeUrl="mainMenu.aspx"/>
<asp:MenuID="Menu1"runat="server"CssClass="mainMenu"SkinID="mainMenu"DataSourceID="RLSBC_MenuProvider">
<StaticMenuItemStyleHorizontalPadding="10px"VerticalPadding="2px"Font-Size="10pt"/>
<DynamicMenuItemStyleHorizontalPadding="5px"VerticalPadding="2px"/>
<StaticHoverStyleBackColor="#00007F"ForeColor="White"/>
<DynamicHoverStyleBackColor="#00007F"ForeColor="White"/>
<StaticSelectedStyleBackColor="#507CD1"/>
<DynamicSelectedStyleBackColor="#507CD1"/>
<DynamicMenuStyleBackColor="#B5C7DE"/>
</asp:Menu>
</div>

My code for the menu that appears on the ClubRoom page on a sidebar on the ClubRoom.aspx is

Code:

<divid="sideMenu">
<asp:SiteMapDataSourceID="RLSBC_SidebarProvider"runat="server"ShowStartingNode="False"StartingNodeUrl="ClubRoom.aspx"/>
<asp:MenuID="Menu1"runat="server"CssClass="sideMenu"SkinID="sideMenu"DataSourceID="RLSBC_SidebarProvider">
<StaticMenuItemStyleHorizontalPadding="10px"VerticalPadding="2px"Font-Size="10pt"/>
<DynamicMenuItemStyleHorizontalPadding="5px"VerticalPadding="2px"/>
<StaticHoverStyleBackColor="#00007F"ForeColor="White"/>
<DynamicHoverStyleBackColor="#00007F"ForeColor="White"/>
<StaticSelectedStyleBackColor="#507CD1"/>
<DynamicSelectedStyleBackColor="#507CD1"/>
<DynamicMenuStyleBackColor="#B5C7DE"/>
</asp:Menu>
</div>

The .sitemap code is

Code:

<siteMapxmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode>
<siteMapNodeurl="ClubRoom.aspx"title="ClubRoom Menu"description=""roles="*">
<siteMapNodeurl="Fixtures.aspx"title="Fixtures"description=""roles="*">
<siteMapNodeurl="MensMatches.aspx"title="Men's Matches"description=""roles="*">
</siteMapNode>
<siteMapNodeurl="LadiesMatches.aspx"title="Ladies' Matches"description=""roles="*">
</siteMapNode>
<siteMapNodeurl="CourierCup.aspx"title="Courier Cup"description=""roles="*">
</siteMapNode>
</siteMapNode>
</siteMapNode>
<siteMapNodeurl="mainMenu.aspx"title="MasterPage Menu"description=""roles="*">
<siteMapNodeurl="Default.aspx"title="Home"description=""roles="*">
</siteMapNode>
<siteMapNodeurl="ClubRoom/ClubRoom.aspx"title="Club Room"description=""roles="*">
</siteMapNode>
<siteMapNodeurl="Anonymous/Contact.aspx"title="Contact"description=""roles="*">
</siteMapNode>
<siteMapNodeurl="Administration/Administration.aspx"title="Admin"description=""roles="Administrators">
</siteMapNode>
</siteMapNode>
</siteMapNode>
</siteMap>

The code in the .skin file is

Code:

<asp:MenuSkinID="mainMenu"runat="server"BackColor="#CB3333"StaticSubMenuIndent="10px"
DynamicEnableDefaultPopOutImage="False"DynamicHorizontalOffset="4"Font-Bold="False"
Font-Names="Verdana"Font-Size="Small"ForeColor="Yellow"Height="20px"Orientation="Horizontal"
StaticEnableDefaultPopOutImage="False"/>
<asp:MenuSkinID="sideMenu"runat="server"BackColor="#CB3333"StaticSubMenuIndent="10px"
DynamicEnableDefaultPopOutImage="False"DynamicHorizontalOffset="4"Font-Bold="False"
Font-Names="Verdana"Font-Size="Small"ForeColor="Yellow"Height="20px"Orientation="Vertical"
StaticEnableDefaultPopOutImage="False"/>

The .css file just has positioning commands in it. I've tried to add z-order to the css file just in case it was behind the sidebar but without any success.

wagham · April 5th, 2009, 04:43 PM

I'm not quite sure why, but it is now working with the code apsted above.