Brainlitter » Create a Blank SharePoint page using a Content Editor Web Part (CEWP)

Create a Blank SharePoint page using a Content Editor Web Part (CEWP)

Warning, this isn’t original blog content. But, I’ve been seeking all the right elements for a while now, after discovering one suggestion for getting rid of the Quick Launch element quickly and easily using a CEWP (blogged about that, here).

 

Alas, I found what I was looking for here, but I know next time I won’t find it again (it was a lengthy chase…). In addition, the following CSS/Master Page Cheat Sheets created by Zach Rosenfield are very useful as well. Here they are:

 

What

Being able to create a ‘blank’ SharePoint Dashboard is a very useful ability. Such as creating quick/easy print preview pages, worksheets or contracts, using SharePoint List Data, without all of the standard SharePoint elements cluttering up the page (Quick Launch, Top Link Bar, etc.).

 

So What

I find myself wanting to do this often, and I find the information difficult to find, so I’ve stuffed it into my own blog with a reference (above) to its original source (and perhaps that wasn’t the original source…).

 

Now What

Ok, there are just a few simple steps to this:

  1. On a SharePoint Dashboard, Add a Content Editor Web Part
    1. For example, create a document library that contains web part pages, then create a web part page within it
  2. Set its chrome to none, so that you aren’t left with anything to see
  3. Plunk in the text below, into that web part (I’ve also provided the text here, in a TXT file so there is no risk of garbled formatting)
  4. Change the “Toggle Edit” text to be whatever you want or remove that line altogether, if you don’t want/need it (I’d suggest even burying/hiding it in a graphic so you can still easily retrieve it

 

.ms-bannerContainer{Display:none}

.ms-bannerframe{Display:none}

.ms-bodyareaframe{Border:0}

.ms-bodyareapagemargin{Display:none}

.ms-globalbreadcrumb{Display:none}

.ms-globalleft{Display:none}

.ms-globalleft{Display:none}

.msgloballinks{Display:none}

.ms-globalright{Display:none}

.ms-globalTitleArea{Display:none}

.ms-navframe{Display:none}

.ms-pagebottommargin{Display:none}

.ms-pagebottommarginleft{Display:none}

.ms-pagebottommarginright{Display:none}

.ms-pagemargin{Display:none}

.ms-pagetitle{Display:none}

.ms-sitetitle{Display:none}

.ms-titlearea{Display:none}

.ms-titleareaframe{Display:none}

.ms-titlearealeft{Display:none}

.ms-titlearearight{Display:none}

.ms-titleimagearea{Display:none}

Toggle Edit

 

And here’s what it looks like when implemented…

 

Before

Figure 1 : A standard SharePoint Dashboard

 

After

Figure 2 : Dashboard ‘blanked out’ with elements in a CEWP