In this post we will discuss how to make flyout menus in SharePoint 2010. Also you can check out my previous posts on:
If you want a flyout Menu in SharePoint 2010 like the above picture, then there are some steps you need to follow and some modifications needed in the master pages. Here if you create a sub site for a site then it will come below to the site in the Menu.
So if your site is using V4.master, then open the V4.master from C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\GLOBAL directory. Please change if you have done anything except the default installation.
Then take a backup of this master page and then try to do the modifications below.
Search for MaximumDynamicDisplayLevels , it come in the menu and change its value from 1 to suppose 4.
So your modified code should look like below:
<SharePoint:AspMenu ID="TopNavigationMenuV4" runat="server" EnableViewState="false"
UseSimpleRendering="true" UseSeparateCSS="false" Orientation="Horizontal" StaticDisplayLevels="2"
MaximumDynamicDisplayLevels="4" SkipLinkText="" CssClass="s4-tn" />
Then search for ShowStartingNode and it usually comes in SiteMapDataSource.
There we need to modify couple of changes.
First make ShowStartingNode="True" and change the SiteMapProvider like this SiteMapProvider="SPSiteMapProvider"
and then remove the line StartingNodeUrl="sid:1002"
So you final tag should look like below:
<asp:SiteMapDataSource ShowStartingNode="True" SiteMapProvider="SPSiteMapProvider"
ID="topSiteMap" runat="server" />
That's all. All modification are finished. Do an IISRESET and then check. Now your flyout menu will appear as show in the above figure.