ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web

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

Updated on February 13, 2013
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.

Comments

    0 of 8192 characters used
    Post Comment

    • profile image

      BKF 4 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

      Paul Jenkins 4 years ago from Earth

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

    • profile image

      Tari 4 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
      Author

      Steve Clark 4 years ago from Northern, VA

      Tari, revert the page and try again.

    • profile image

      Tari 4 years ago

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

    • ClarkSteveB profile image
      Author

      Steve Clark 4 years ago from Northern, VA

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

    • profile image

      Thijs 3 years ago

      Very nice! exactly what I was looking for

    • profile image

      Tamika 3 years ago

      Great article. Just what I needed.

    • profile image

      Sowmya 2 years 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
      Author

      Steve Clark 2 years ago from Northern, VA

      @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.

    Click to Rate This Article