Wednesday, January 26, 2011

Quick Launch (left navigation) Missing in Web Part Pages - Solutions

In SharePoint 2007, When we create web part page, it doesn't come up with left navigation! SharePoint quick launch missing in web part pages!!

sharepoint quick launch missing

Well, There are 3 approaches to resolve this issue.
  1. Editing the Site definition Template files - Farm level (NOT RECOMMENDED!)
  2. Editing the Master page - Site level
  3. Editing the individual page - Page level
Editing the Site definition Template files - Farm level
in the WFE(s), Navigate to : "C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\1033\STS\DOCTEMP\SMARTPGS"

sharepoint 2007 quick launch missing
Open the files spstdX.aspx and comment out these lines:

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


In case you need the Place holder Image for the site, then you can add that by
<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server">
<div style="padding:20px 0;">
<img alt="" width="150" height="50" src="/_layouts/images/generic.png" /></div></asp:Content>
</asp:Content>
<%--<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderNavSpacer" runat="server"></asp:Content--%>


Editing the Master page - Site level, to solve sharepoint quick launch bar missing issue:
Open the site in SharePoint Designer, Edit your master page , it would be "default.master" by default.
Find the following 2 segments of code:
<asp:ContentPlaceHolder id=”PlaceHolderLeftNavBar” runat=”server”>
      .
      .
      . 
      .
 </asp:ContentPlaceHolder>

<asp:ContentPlaceHolder id=”PlaceHolderNavSpacer” runat=”server”>
      .
      .
      .
      .
</asp:ContentPlaceholder>


All you have to do is: Move the closing tag </asp:ContentPlaceHolder> right after the opening tag. for e.g.:

<asp:ContentPlaceHolder id=”PlaceHolderLeftNavBar” runat=”server”>
</asp:ContentPlaceHolder>
       .
       .
       .
       .


Save and publish your Master page.


Editing the individual page - Page level to fix SharePoint 2007 quick launch missing:
Open the Page in site in SharePoint Designer, Find the line :
<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>

and comment or Remove it! In Case, you are getting some consistency in page width, try removing these place holder too.

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


and finally, our web part page will have Quick launch :-)
sharepoint quick launch bar missing

Some times, You may feel the Quick launch width is not enough! Here is the fix:

Add this css: just below:
<asp:Content ContentPlaceHolderId="PlaceHolderTitleAreaClass" runat="server">
 
For SharePoint 2010 quick launch missing issue, refer: Show Quick Launch in SharePoint 2010 Web Part Pages



You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.
*Sponsored


Check out these SharePoint products:

5 comments :

  1. Wonderful article Bro! Thanks a Ton.

    ReplyDelete
  2. Hi, I think this is great ;) I will revisit yet again since I book-marked it. Money and freedom is the greatest way to change, may you be rich and continue to guide others.

    ReplyDelete
  3. Hi Salaudeen,

    I want to increase the width of quick launch in tree view mode SP2010 Blank site at Master page level. I tried modifying css classes like .S4 ca and others but didn't workout. Can you please tell me how to achieve this ? In tree view mode the width of quick launch is not sufficient.

    ReplyDelete
    Replies
    1. Avinash,

      Say, You want to set the Treeview width to 255px (By default, its in 155px), Use this code either in Master page/CEWP.

      <style type="text/css">
      body #s4-leftpanel
      {
      width:250px;
      }
      .s4-ca
      {
      margin-left: 255px;
      }
      #GrippyVerticalBarPositionHelper
      {
      left: 257px;
      }
      </style>

      Regards,
      Salaudeen

      Delete
  4. Hi Salaudeen,

    Quick launch size increases but the scroll bar pane is still at the same position. Can you tell me how to increase width of the scroll bar pane.

    ReplyDelete

Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...