Dropdown list in the Top Navigation bar

 

How to realize this result: Dropdown list in the Top Navigation bar?

 

 

Resolution Steps:

 

1.       Use SharePoint Designer edit the site collection:

 

 

 

2. find below code:

 

   ID="TopNavigationMenuV4"

   Runat="server"

   EnableViewState="false"

   DataSourceID="topSiteMap"

   AccessKey="<%$Resources:wss,navigation_accesskey%>"

   UseSimpleRendering="true"

   UseSeparateCss="false"

   Orientation="Horizontal"

   StaticDisplayLevels="2"

   MaximumDynamicDisplayLevels="1"

   SkipLinkText=""

   Css/>

Change from MaximumDynamicDisplayLevels="1" to MaximumDynamicDisplayLevels="4".

 

3.

Change from

ShowStartingNode="False" to ShowStartingNode="True"

SiteMapProvider="SPNavigationProvider" to SiteMapProvider="SPSiteMapProvider"

Delete: StartingNodeUrl="sid:1002"

 

From

ShowStartingNode="False"     SiteMapProvider="SPNavigationProvider"      id="topSiteMap"      runat="server"      StartingNodeUrl="sid:1002"/>

 

To

ShowStartingNode="True"      SiteMapProvider="SPSiteMapProvider"      id="topSiteMap"      runat="server"/>

 

4. Save and refresh.