Customization of quick launch with flyout in sharepoint 2010

In this post we will discuss about how to do Customization of quick launch with flyout in sharepoint 2010. Thanks to Ramya Sekar for this post !!!

Also you can check out:

- Change page layout programmatically SharePoint 2010

- Enable Sign in as Different User Option in SharePoint 2013

- Introduction to SharePoint 2013 REST service

We can see the menus with flyouts option in many popular sites. In sharepoint its possible with the following steps

Step-1:
Create a site in SharePoint 2010

Step-2:
Goto SiteAction-> Edit in SharePoint Designer.Under the navigation click Master Page.Then select your master page:

Step-3:
Edit the file and go to the code of that master page
Identify the following tag

Change the value of StaticDisplayLevels to 1 and MaximumDynamicDisplayLevels to 1
Then Click save to save the changes.

Step-4:
Open the site again to see the changes.

Step-5:
We can set more pages with different heading as navigation by
Goto SiteAction -> SiteSetting
Under the Look and Feel Click quick launch

I create New Heading Requirement Details with the link Testing as follows

By this way we can create several headings with several flyouts in sharepoint site.