WSS v3 Flyout Menus

I’m used to using flyouts in the tabbed navigation in MOSS to enhance the navigation capabilities.  (See my earlier post on this to find out how to make it happen.)

Today I wanted to do the same thing in a WSS master page, but just changing the MaximumDynamicDisplayLevels value wasn’t working.  I found this post from Eric Shupps that explained why.  Depending on how you set up your WSS Site Collection, you may need to replace:

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

in your master page with this:

<asp:SiteMapDataSource
ShowStartingNode="True"
SiteMapProvider="SPSiteMapProvider"
id="topSiteMap"
runat="server" />

See Eric’s post for more details.

Note added 2/6:

I don’t know why it didn’t occur to me before, but this also works for the left Quick Launch menu.  In that case, you will want to replace:

<asp:SiteMapDataSource
SiteMapProvider="SPNavigationProvider"
ShowStartingNode="False"
id="QuickLaunchSiteMap"
StartingNodeUrl="sid:1025"
runat="server" />

in your master page with this:

<asp:SiteMapDataSource
SiteMapProvider="SPSiteMapProvider"
ShowStartingNode="True"
id="QuickLaunchSiteMap"
runat="server" />
Technorati tags: , ,

8 Comments

  1. Hello,
    I did the modification and I’ve got the drop down menu but,
    But, how you fix the sorting because it appears in alphabetical order doesn’t meter how I set It (by changing the provider SPNavigationProvider with SPSiteMapProvider you lose the sorting).
    Also on the Eric site people ask this question!
    Thanks
    Grig

    Reply
    • grigb:

      The sort of the menu items isn’t driven by the control, by by how they are sorted in the navigation settings for the subsite(s). (You’ve posted this question on the MSDN forums as well. I get to ’em one way or another!)

      M.

      Reply
  2. Hi Marc,

    All your articles are excellent and are problem solvers. I have one question. In the quick launch how can we show as below pattern

    Site
    Sub Site1
    Sub Site2
    Site > Sub Site3
    > Sub Site4

    few sub sites shows below the main site and few sub sites show as fly-outs on hover.

    Reply
    • James:

      Your site topology and site settings will determine what you see. So the main things to check is whether your sites are set up in the hierarchy you want to see in your Quick Launch.

      M.

      Reply
  3. Hi Marc,

    I believe above approach will work for the Sites and subsites structure.
    The scenario I have is something like, I will have my own tabs in the top nav (which are not subsites) and want to show few links under that tab. I know this is possible on the publishing site by modifying the navigation settings.
    Is there any way that I can achieve this with Team sites?

    Thanks In Advance.

    Reply
  4. Marc,

    We setup flyouts in our QuickLaunch menu (instructions to do that are here: http://msdn.microsoft.com/en-us/library/ms466994.aspx ) and now want the flyouts to have multiple levels. The structure we want is not related to subsites though. Instead, we’ve created document libraries with different views in them. We want the flyout levels to point to these different views, but we are not sure how to do this. For example, we have a View in our document library called: “International Programs”. We also have a View called “Europe”, another View called “France” and another View called “Paris.”

    We would like our Quicklaunch flyouts to show:
    International Programs –> Europe –> France –> Paris.

    Within the Navigation Editing and Sorting in Navigation Settings in SharePoint 2010 (with Publishing enabled), we haven’t found a way to create a Heading inside another Heading. We think that that’s what is needed to be able to create multi-level flyouts in the QuickLaunch that point to Views. Does that seem correct to you? Or is there another way of doing this? Any help you can provide is greatly appreciated!

    Thank you!

    James

    Reply
    • James:

      I don’t think that the out of the box navigation control is going to work for you. As you’ve noted, there are only two levels available in the navigation settings. I often use a Data View Web Part (DVWP) or even script to create my own “controls”. Of course, you can also go the managed code route if that makes more sense in your application.

      M.

      Reply

Have a thought or opinion?