Home > Customizations, Development, SharePoint 2010 > Hide Web Part Headers with SharePoint 2010

Hide Web Part Headers with SharePoint 2010

February 1st, 2010

A while a go a write a short post on how to hide web part headers in SharePoint 2007.  Recently I had some inquire how to do the same thing for SharePoint 2010.  So, here is what to do in order to hide a web part header in SharePoint 2010.

1.  Add a content editor web part to your page.

2. Edit the Web Part

3. Click in the content area of the web part, click HTML and select “Edit HTML Source”

4. Put the following code in the web part:

  1. <style>
  2.   TR.ms-viewheadertr > TH.ms-vh2 {
  3.   DISPLAY: none
  4.   }
  5. </style>

 

5. Click “OK”

6. Expand “Appearance” (on the right side of the page)

7. Set the chrome type to “None”

8. Click “OK” and then save and check in your page.

The headers of your web part should now be hidden.  This can be extremely helpful when your page contains a web part using “boxed” for your style when creating a list view.  The only downside to this approach is if you have multiple web parts on a single page, it will hide the headers for all the web parts on your site.

How to do the same thing in SharePoint 2007

Ben Customizations, Development, SharePoint 2010 , ,

  1. Joke V.
    March 8th, 2010 at 07:21 | #1

    You can also do this without having to insert a web part (I needed this because I do want my headers and SPS 2010 Beta can’t hide the content editor web part).
    In the wikipage just do the same thing like described in this blog. Good luck.

  1. March 1st, 2010 at 15:41 | #1