Showing posts with label Sharepoint CSS. Show all posts
Showing posts with label Sharepoint CSS. Show all posts

Monday, 30 December 2013

Hide Quick Launch in Sharepoint 2013


         Earlier in my post , http://prasath04sharepoint.blogspot.in/2013/05/hide-top-bar-ribbon-quick-launch-in.html we had took a look on hiding quick launch controls in sharepoint 2010. Unfortunately this method doesn't work with Sharepoint 2013.

For hiding quick launch at Sharepoint 2013 we have to use different css.

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">
 #sideNavBox {DISPLAY: none}
 #contentBox {MARGIN-LEFT: 5px}
</style>

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