So, you implemented SharePoint Server 2010 and have kicked the tires for a little bit. You are starting to poke around at the new features and capabilities to help your users be more efficient. You find and love the Metadata Navigation feature on libraries, but then you quickly find out that you have so many Quick Launch links that your users are constantly scrolling up and down to use the control. You wish there was some way to move it to the top of the page. Well, you have come to the right place!
Below is our starting point where we have a site with very many Quick Launch links and a document library with buried metadata navigation:
Using SharePoint Designer 2010, we can modify the master page to move the control to the top of the Quick Launch. Open SPD2010 and check out and Edit in Advanced Mode the master page. In Split view, click the Quick Launch to highlight it in the code above:
Scroll down in the code until you find the ContentTemplate for the id=”TreeViewNavigationManagerV4″. Copy from the next line up <Sharepoint:UIVersionedContent runat=”server” UIVersion=”4″> to the ending </SharePoint:UIVersionedContent>:
Switch back to Split view and click on the Quick Launch to highlight it in Code view. Then scroll up just a bit and locate the DIV for ms-quickLaunch. Paste the selection just after this:
Save the Master Page and check it back in – you will need to approve it as well if the Publishing feature is activated. Then navigate back to the site, refresh the page and review the results:
Just to confirm that this doesn’t mess things up on non-metadata navigation enabled areas, here is a shot of the home page:
Pingback: Move Metadata Navigation and Key Filters up the Quick Launch « SP2010 Blog
This is great! Is there any way to change how it looks, so that it is styled/looks better? AND is there a way to make it only display the tags (starting from “Category” in your example). Our users are confused by having to click 3-4 times before they can even find the category tags.
Thanks!
Yes, there are several CSS classes in there that you could use to change the stying – like .s4-treeView and more. Open the master page again in designer and look a few lines withint the code we copied, you will see references to CSS Classes for styling purposes. You just need to play around with those. I’m not sure how to default it to start at a certain node though; I will look into this.