Wednesday, June 5, 2013

Hide Left Panel/Quick Launch From SharePoint 2010 Pages Using CSS

Hide Left Panel/Quick Launch From SharePoint 2010 Pages using CSS:
1.   Use Simple CSS classes to hide left panel
#s4-leftpanel
{ display:none; }
.s4-ca
{ margin-left:0px; }
2.   For single page level change, add Content Editor web part on the page and inject above script in HTML section of that web part.

For all pages in the site, use this script in master page.

Example:
<style type=”text/css”>
#s4-leftpanel
{ display:none; }
.s4-ca
{ margin-left:0px; }
</style>   

No comments: