What is a list filter web part SharePoint 2016/2013/Online

In this tutorial, we will discuss the list filter web part sharepoint 2016/2013 or SharePoint Online.

We will also see, how to work with a SharePoint list filter web part and how to give a connection and configure to sharepoint list filter web part with an example.

We will also see, how to configure and use the list filter web part in SharePoint Online and SharePoint 2013/2016.

List filter web part SharePoint 2016

SharePoint List Filter is a type of filter which is used to filter the data or records from the lookup column of a List.

Configure a SharePoint List Filter Web Part

To configure a Current User Filter Web Part in SharePoint, follow these below steps-

Step-1:-

First create a SharePoint List (VendorList) which will be having few columns like:

  • Vendor name
  • city
  • Expires
  • Vendor Category
  • Vendor ID
sharepoint online list filter web part
SharePoint online list filter web part

Step-2:-

Create another List (Vendor Payment List) which is having a Look-Up column of the Master List. This list is having a lookup column as “Vendor:VendorID” of the “Vendor List”(master list).

list filter web part sharepoint online
SharePoint 2013 filter web part missing

Step-3:-

Now, open a SharePoint web part page, click on to the Add a Web Part. Then from the web part categories, select Apps -> Vendor Payment List.

list filter web part sharepoint 2013
how to enable filter webparts in sharepoint 2013

Step-4:-

After adding the Web Part, here it will show the lookup list named “Vendor Payment List” like as below screenshot.

list filter web part sharepoint 2016
sharepoint list filter web part multiple selection

Step-5:-

Again go to another Web Part and select the “Filters” option from “Categories” and then “SharePoint List Filter” from the “Parts” and click on to “Add” for adding the SharePoint Filter Web Part.

sharepoint list filter web part 2013
sharepoint list filter web part 2013

Step-6:-

Here click on to the “Open the tool pane” in the SharePoint List Filter.

sharepoint 2016 list filter web part
sharepoint list filter web part 2010

Step-7:-

Go to the “List” of tool pane in SharePoint List Filter as I shown in below.

sharepoint online list filter web part
sharepoint-2013-drop-down-list-filter

Step-8:-

Here, select the VendorList as shown below, click on Insert.

sharepoint list filter web part
SharePoint 2016 drop-down list filter

Step-9:-

Here it will come the URL of that List. select the “View” as “Full list view”, select the “Value field” as “Vendor Name” and select “Description field” as “Vendor Name”. Then go to “Apply” and “ok”.

What is a list filter web part SharePoint 2016/2013/Online
sharepoint list filter web part online

How to configure a SharePoint List Filter Web Part

Step-1:-

Go to the “SharePoint List Filter” of “Left column”. Then click on “.” An option which is present in the right side of  “SharePoint List Filter”. Go to the “connections”, then click on “Send Filter Values To” and “VendorPaymentList” as below.

sharepoint 2013 filter web part online
sharepoint 2013 filter web part online

Step-2:-

After connecting, a message box will appear at the top of the page, here we have to select “Get Filter Values From” and then click on to “Configure” for configuring the SharePoint List Filter.

sharepoint list filter web part 2016
sharepoint list filter web part 2016

Step-3:-

In this “Configure Connection”, choose the Choice Filter as “Vendor” and then click on to “Finish” for finishing the configuration as like below screenshot.

Sharepoint list filter web part multiple selection online
Sharepoint list filter web part multiple selection online

Step-4:-

After “Stop Editing”, Here it will show the “SharePoint List Filter” and as well as “Vendor Payment List” page as like below.

how to enable filter webparts in sharepoint 2013 online
how to enable filter webparts in sharepoint 2013 online

Step-5:-

Click on  Browse option for browsing which is present at the right side of “SharePoint List Filter”. here I wanted to check the record details/ Filter Values of “Preeti”. so I selected the option as “Preeti” and clicked on “ok”.

sharepoint list filter multiple values
sharepoint list filter multiple values

Step-6:-

Here we can see the filter values or record details of “Preeti” as like below screenshot.

sharepoint list filter multiple values 2016
sharepoint list filter multiple values 2016

Read 20 SharePoint web part examples:

Conclusion

In this tutorial, we learned what is a SharePoint List Filter Web Part in SharePoint 2016/2013 or SharePoint Online, how to work with a SharePoint Filter Web Part and how to give a connection and configure to SharePoint List Filter web part with an example in SharePoint 2016.

>