Is there any reason when I create a Web Part Page in publishing site the left navigation is missing? If yes, What is the proper way to create a page that will include the left quick nav?


If you don't want to use javascript/jQuery, here's another way to get the left navigation back in web part pages.

  1. Create a new web part page
  2. Edit the page in SharePoint Designer
  3. Remove custom css

Delete this code block:

<SharePoint:UIVersionedContent ID="WebPartPageHideQLStyles" UIVersion="4" runat="server">
<style type="text/css">
body #s4-leftpanel {
.s4-ca {
<SharePoint:UIVersionedContent ID="WebPartPageHideQLStyles" UIVersion="4" runat="server">

4.-Remove the overrides for the left column

Remove all three lines:

<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderNavSpacer" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>

Source: http://techmikael.blogspot.it/2011/08/adding-left-navigation-menu-to-web-part.html

|improve this answer|||||

If I use following method then I get both web part page and the left navigation.

Go to site actions-->More options-->Publishing Page. I selected "(Welcome Page) Blank Web Part page"

|improve this answer|||||
  • Well, this is a different thing. You asked for a web part page, now you're using a Publishing Page. – MdMazzotti Jan 14 '14 at 8:15

In SharePoint 2010, the left nav is inexplicably hidden in web part pages. You can’t just change the page layout for these pages as you can with page layout based pages that are stored in the /pages/ library (via the publishing feature).

<!– Turn on left navigation –>
<script type=”text/javascript”>
$(document).ready(function() {
$(“.s4-ca”).css(‘margin-left’, ’155px’);
|improve this answer|||||
  • Why am I missing the Page Layout option when I edit the page? – Maria Burton Jan 13 '14 at 16:27
  • 1
    Because it is a webpart page and not a Publishing Page based on a page layout – Robert Lindgren Jan 13 '14 at 16:35
  • This doesn't seem to work in WSS: <!– Turn on left navigation –> <script type=”text/javascript”> $(document).ready(function() { $(“#s4-leftpanel”).show(); $(“.s4-ca”).css(‘margin-left’, ’155px’); }); </script> – Carl May 28 '15 at 15:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.