Tuesday, November 22, 2011

Hide the left navigation panel of a SharePoint page

If you're looking for a quick way to hide the left navigation panel of a single SharePoint page, a possible solution is to follow the steps I document in my Quick method for testing CSS style changes on a SharePoint site post and replace the HTML in Step #12 with the following code:

For SharePoint 2007:

<style>
.ms-navframe { display:none; }
</style>

For SharePoint 2010:

<style>
#s4-leftpanel { display:none; }
.s4-ca { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: 5px; }
</style>

This will hide the left navigation panel on the page in which the Content Editor web part is installed.  If you wish to hide the panel for the entire site, you can add this CSS rule to a custom CSS file and apply it yo your site.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.