Remove branding from a SharePoint 2010 web part page for use in a dashboard

  • Article

I've been working on a proof of concept using PerformancePoint Services in SharePoint 2010 and have discovered a nice trick to get SharePoint web parts to place nice with a PerformancePoint dashboard, You may not know this, but a PP dashboard like to over-write any changes you might have done in the browser when you deploy the dashboard from the designer. If you want to use a normal SharePoint web part, you can get away with this by using just a Web Page Report that basically creates an IFRAME to your behind-the-scenes web part page. But how do you remove the ribbon, title bar area, global nav and such so that it looks clean while still retaining the web part zone experience? The trick it to use SharePoint Designer, edit the web part page in advanced mode, and just insert two CSS entries. In the <style type="text/css"> block add the following styles:

.s4-ribbonrowhidetitle{
        display:none;
}
.s4-titlerowhidetitle{
        display:none;
}