SharePoint 2010/2013 - To hide header ribbon row on the custom model dialog .

SharePoint 2010/2013 - To hide header ribbon row on the custom model dialog .

In many times, we want to hide the ribbon (with edit or other options) from the popup or some pages of SharePoint pages. In order to hide such cases, here is the quick fix.

Add the below code in the script editor . In order to apply this in generic, try a common JS file or may be a text file and then load in the pages using CEWP or script editor webpart

<style>

#RibbonContainer{
display:none;
}

#globalNavBox{
display:none;
}

#s4-ribbonrow{
height:0px !important;
}
</style>

Happy Browsing!
Relax..