Friday, 24 May 2013

Hide Top Bar, Ribbon, Quick Launch in SharePoint 2010

Top Bar, Ribbon, Quick Launch are come up with Application Pages by default. This could be done by using css.

Simple, Just add the below css Code in Application Page under PlaceHolderMain section.
<style type="text/css">
    #s4-ribbonrow.ms-cui-topBar2.s4-notdlg.s4-pr s4-ribbonrowhidetitle.s4-notdlg noindex#ms-cui-ribbonTopBars#s4-titlerow#s4-pr s4-notdlg s4-titlerowhidetitle#s4-leftpanel-content {display:none !important;}
    .s4-ca{margin-left:0px !importantmargin-right:0px !important;}
</style>
This will hide the elements and only the content will be shown.

To hide only Quick Launch Panel from the view

Add the following css code in the Application Page under PlaceHolderMain section.

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

Related article,

Hide quick launch at Sharepoint 2013

http://prasath04sharepoint.blogspot.in/2013/12/hide-quick-launch-in-sharepoint-2013.html

1 comment: