I want to display the SharePoint Global Navigation as a megamenu. I have been investigating this for quite a while and all solutions say to create a list then build navigation from there. I do not want to build a list as this means having to update the list when new sub-sites are added / deleted - it is not automatic like the global navigation.
Because our site is getting bigger, we want to display the navigation similar to the ones below. Can you create this in SharePoint using the Global Navigation? If so, how would you do it (e.g. with CSS) and do you know of any examples?
Below is the SharePoint code we have in our master page and a screenshot of part of our current global navigation.
<asp:ContentPlaceHolder id="PlaceHolderGlobalNav" runat="server"> <a name="navigation"></a> <div id="topnav"> <PublishingNavigation:PortalSiteMapDataSource ID="siteMapDataSource1" runat="server" EnableViewState="true" SiteMapProvider="GlobalNavigation" StartFromCurrentNode="true" StartingNodeOffset="0" ShowStartingNode="false" TrimNonCurrentTypes="Heading" TreatStartingNodeAsCurrent="true"/> <SharePoint:AspMenu ID="GlobalNav" Runat="server" EnableViewState="false" DataSourceID="siteMapDataSource1" AccessKey="3" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" SkipLinkText="<%$Resources:cms,masterpages_skiplinktext%>" StaticSubMenuIndent="1" ItemWrap="true" ToolTip="True"/> </div> <!--topnav--> </asp:ContentPlaceHolder>