1

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?

3 Answers 3

2

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">
<ContentTemplate>
<style type="text/css">
body #s4-leftpanel {
   display:none;
}
.s4-ca {
   margin-left:0px;
}
</style>
</ContentTemplate>
</SharePoint:UIVersionedContent>
<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

0

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"

1
  • Well, this is a different thing. You asked for a web part page, now you're using a Publishing Page. Commented Jan 14, 2014 at 8:15
0

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-leftpanel”).show();
$(“.s4-ca”).css(‘margin-left’, ’155px’);
});
</script>
3
  • Why am I missing the Page Layout option when I edit the page? Commented Jan 13, 2014 at 16:27
  • 1
    Because it is a webpart page and not a Publishing Page based on a page layout Commented Jan 13, 2014 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> Commented May 28, 2015 at 15:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.