SharePoint 2010: Add/Show the Quick Launch NavBar on a Web Part Page

Add the QuickLaunch to a new web part page in SharePoint 2010
Add the QuickLaunch to a new web part page in SharePoint 2010 | Source

When a new web part page is made, for example, Create / Page / Web Part Page, you are prompted to selected from several layouts. No matter which one is picked, none of them, by default, will display the Left Nav Bar, which contains the Quick Launch.

I'm too lazy to determine why this is, but take solace in the fact that I think that it should be displayed by default, and not hidden.

Adding the Quick Launch to the Web Part Page

The good news is that the Quick Launch is not omitted from the page, just hidden, and with a few simple comments, you're back in business.
Example:
1. Site Actions -> View All Site Content
2. Click the Create Button (upper left)
3. Select 'Page' under the Filter By: section
4. Click the Create Button (middle right)
5. Select 'Header, Right Column, Body' from the Layouts list
6. Note the Save Location, so you know where to look for it. (Shared Documents may be the default.)
7. Open SharePoint Designer 2010, and open the site
8. Edit the page
9. Click on the Advanced Mode ribbon button!!! (It's on the Home tab)
10. Scroll down to line 34 and look for the following code:
<SharePoint:UIVersionedContent ID="WebPartPageHideQLStyles" UIVersion="4" runat="server">
<ContentTemplate>
<style type="text/css">
body #s4-leftpanel {
display:none;
}
.s4-ca {
margin-left:0px;
}
</style>
</ContentTemplate>
</SharePoint:UIVersionedContent>

11. Comment it out like the following:
<%--
[Code Block]
--%>

12. Scroll down to line 60 and look for the following code:
<asp:Content ContentPlaceHolderId="PlaceHolderNavSpacer" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>

13. Comment it out as well.
14. Save the Page.
15. Test in Browser.

More by this Author


Comments 10 comments

BKF 3 years ago

This article was exactly what I needed and it did work for me well. Thank you very much for sharing this information!!!


DubstepMaker profile image

DubstepMaker 3 years ago from Earth

awesome! was looking to learn this and it came up in google search, much appreciated well explained :)


Tari 3 years ago

Follow the steps it shows up the left Navigation in SP Designer but when I go back out to browser it gives error "Only Content controls are allowed directly in a content page that contains Content controls. "


ClarkSteveB profile image

ClarkSteveB 3 years ago from Northern, VA Author

Tari, revert the page and try again.


Tari 3 years ago

Clark, I don't see revert option for the page


ClarkSteveB profile image

ClarkSteveB 3 years ago from Northern, VA Author

Roll it back to a previous version or reset to site definition.


Thijs 3 years ago

Very nice! exactly what I was looking for


Tamika 3 years ago

Great article. Just what I needed.


Sowmya 24 months ago

Hi am not able to find that code in my page i have at line 34

"SharePoint:UIVersionedContent UIVersion="4" runat="server"ContentTemplate

SharePoint:CssRegistration runat="server" Name="wiki.css"

ContentTemplate

SharePoint:UIVersionedContent"

and at line 60

"SharePoint:SPRibbonButton

id="btnWikiEdit"

RibbonCommand="Ribbon.WikiPageTab.EditAndCheckout.SaveEdit.Menu.SaveEdit.Edit"

runat="server"

Text="edit"

SharePoint:SPRibbonButton"

please help me how to display quick launch in webpart page which is stored in site assets bydefault.... and is it possible to save a page or a webpart page as custom template?


ClarkSteveB profile image

ClarkSteveB 24 months ago from Northern, VA Author

@Sowmaya: Try searching for "#s4-leftpanel" or "display:none;". And also search for "PlaceHolderLeftNavBar". Once you find the code, then you can comment it out.

It is possible to save a page as a custom template. I forget the exact steps, but should be easy to find via the Google thingy.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working