How to Hide Top Bar, Ribbon, Quick Launch in SharePoint 2010?
Hi,
Here i'm going to explain How to Hide Top Bar, Ribbon, Quick Launch in SharePoint 2010.
Top Bar, Ribbon, Quick Launch are come up with Application Pages by default. If you want to open the page in Dialog Framework then those elements will take more space and make the layout cluttered.
One way to hide these controls is by passing a Parameter with the URL. [ ?IsDlg=1 ] SharePoint will hide these elements when It gets IsDlg Parameter on URL.
But every time we can't pass these parameters. Then how to get rid of these elements?
Simple Just add the below css Code in Application Page under PlaceHolderMain section.
The above code gives you the plain page, if you want to see the "Edit" and "Browse" Buttons in the top-ribbon just add the below css Code
Here i'm going to explain How to Hide Top Bar, Ribbon, Quick Launch in SharePoint 2010.
Top Bar, Ribbon, Quick Launch are come up with Application Pages by default. If you want to open the page in Dialog Framework then those elements will take more space and make the layout cluttered.
One way to hide these controls is by passing a Parameter with the URL. [ ?IsDlg=1 ] SharePoint will hide these elements when It gets IsDlg Parameter on URL.
Eg: http://localhost:5010/Lists/TestList/NewForm.aspx?IsDlg=1
But every time we can't pass these parameters. Then how to get rid of these elements?
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 !important; margin-right:0px !important;}
</style>
The above code gives you the plain page, if you want to see the "Edit" and "Browse" Buttons in the top-ribbon just add the below css Code
<style type="text/css">
.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 !important; margin-right:0px !important;}
</style>
Comments
Post a Comment