How to: Edit the button to reset the Filter Web Part

Applies to: SharePoint List Filter Web Part for SharePoint on premise (SP2010, SP2013, SP2016, SP2019)


Recently one of our customers asked us if it was possible to make the “Display all items” link more visible. Here I will explain a very simple method to do this.

Before

Firstly you need to edit the page where you have the List Filter Web Part. Then click on Add a Web Part and select Content Editor (or Script Editor) from the Media and Content menu. Click on the content editor, then Edit Source and enter the following code. Of course it is also possible for you to enter the code in your custom style sheet.

<style type="text/css">
.sit-resetfiltertd a
{
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #cccccc;
}
</style>
<style type="text/css">
.sit-resetfiltertd a
{
  text-decoration: none;
  background-color: #eeeeee;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #cccccc;
}
</style>

Once you have saved your changes, the new button will appear on the respective page.

After

I hope you found this guide useful. If you have any problems or any other questions, please send an e-mail to support@sapiens.at or post a comment.