Hide SharePoint WebPart header menu dropdown arrow and selection checkbox

Working on a dashboard page for users with limited possibilities, I had to disable the close and minimize webpart functionality. Instead of just hiding the functions, I chose to have a minimalistic view and hide SharePoint WebPart header menu dropdown arrow.

The webpart header consist of following parts:

tr class =ms-WPHeader (which is the header)
td class = ms-wpTdSpace (white space)
td class = ms-WPHeaderTd (the actual title)
td class = ms-WPHeaderTdMenu (which has the dropdown arrow and menu)
td class = ms-WPHeaderTdSelection (which has the selection checkbox)
td class = ms-wpTdSpace (white space)

So if you want to hide the arrow, you need:

<style type="text/css">
     .ms-WPHeaderTdMenu {display:none}
</style>

If you want to hide the selection box, you need:

<style type="text/css">
     .ms-WPHeaderTdSelection {display:none}
</style>

About: Marijn

Marijn Somers (MVP) has over 14 years experience in the SharePoint world, starting out with SP2007. Over the years the focus has grown to Office 365, with a focus on collaboration and document management. He is a business consultant at Balestra and Principal Content Provider for "Mijn 365 Coach" that offers dutch employee video training. His main work tracks are around user adoption, training and coaching and governance. He is also not afraid to dig deeper in the technicalities with PowerShell, adaptive cards or custom formatting in lists and libraries. You can listen to him on the biweekly "Office 365 Distilled" podcast.


4 thoughts on “Hide SharePoint WebPart header menu dropdown arrow and selection checkbox”

Leave a Reply

Your email address will not be published. Required fields are marked *