SharePoint 2010 Top Navigation Drop Down Menu, Quick Launch Flyout
By default, SharePoint enables top navigation Fly out Menus when Publishing Feature is enabled. Other Site templates like Team Sites doesn't come up with top navigation flyout menus. However we can enable top navigation flyout menus by adjusting few parameters in master page.
Open the Master page in SharePoint designer, set "StaticDisplayLevels" to 1, "MaximumDynamicDisplayLevels" to 3, accordingly either in design view or in code view. Save and publish the master page.
This is also applicable, when we use custom site map providers for Top navigation! Here is an example of SharePoint 2010 top navigation drop down menu.
Flyout Quick Launch Menu
Same trick works on SharePoint quick launch navigation as well to bring flyout menus. Adjust the "StaticDisplayLevels" and "MaximumDynamicDisplayLevels" values based on the navigation depth accordingly. (say: 1)
And the output goes like this:
After the change, SharePoint 2010 quick launch flyout menu appears as:
Open the Master page in SharePoint designer, set "StaticDisplayLevels" to 1, "MaximumDynamicDisplayLevels" to 3, accordingly either in design view or in code view. Save and publish the master page.
This is also applicable, when we use custom site map providers for Top navigation! Here is an example of SharePoint 2010 top navigation drop down menu.
Flyout Quick Launch Menu
Same trick works on SharePoint quick launch navigation as well to bring flyout menus. Adjust the "StaticDisplayLevels" and "MaximumDynamicDisplayLevels" values based on the navigation depth accordingly. (say: 1)
And the output goes like this:
Before:
Related Posts:
Hi,
ReplyDeleteThis was really helpful and thank you! Could you provide a few screen shots of how you build the navigation menu. I cannot seem to get more than one top level menu to populate using the Site Settings >>Navigation options.
Thanks,
Dave,
DeleteThis article will help you: Customizing SharePoint Top Navigation Menu using Site Maps