How to use Query string filter web part in SharePoint?

In this SharePoint tutorial, we will discuss what is the Query String web part is in SharePoint. How to create and configure Query string filter web part in SharePoint 2016 or SharePoint 2013, or SharePoint Online.

Query String filter web part in SharePoint

Query String filter web part is a web part in SharePoint that will filter the list item and display in the web part page based on the query string parameter.

Configure SharePoint Query String web part

The following steps are to be followed to give the filter connection to the list.

Step-1: First, create a SharePoint list. Here I have created the list named “VendorList” like below and added vendor name, color available, review, and size column in that list. Here, I want to display the list item based on the review parameter.

query string filter web part sharepoint 2013 example
query string filter web part sharepoint 2013 example

Step-2: Create a SharePoint web part page. Click on the add web part. We can find the below dialogue box on the web part page. In the Apps, we can find our list. Add that list to the web part page. Here, I have added the vendor list on the web part page.

query string filter web part sharepoint 2010 example
query string filter web part sharepoint 2010 example

Step-3: Add the query string filter web part in the web part page like below.

query string filter web part
query string filter web part

Step-4: In Query String Filter web part, click on open the tool pane.

query string url filter web part missing
query string URL filter web part missing

Step-5: We can find out the filter name as “Query String” which is by default. In Query string parameter Name, we have to give the parameter name on which basis you have to filter the list item.

Here I am giving the parameter name as Review.

Below the Query String Parameter Name, we can notice the default value field. In what default value do you want to filter the list? I have chosen the average as a Default value.

query string filter web part SharePoint 2013
query string filter web part SharePoint 2013

Step-6: After giving the parameter name and default, I would not find any changes because I did not give the connection to the list.

We can see also in the Query String filter web part that “this filter is not connected”.

To give the web part connection to the SharePoint list, we have to click on the drop-down option, which is present in the top right-side corner of the Query String web part. Click on Connections we can find two options Send Filter Values to and Send default value to. I have chosen send filter values to.

query string url filter web part not available
query string url filter web part not available
query string filter web part not available
query string filter web part not available

Step-7: By clicking on Send Filter Values To, we will find a dialogue box like below. Here we have to choose “Get Filter Values From” and click on  “Configure”.

sharepoint 2013 query string filter multiple values
sharepoint 2013 query string filter multiple values

Step-8: By selecting Get filter values we will get another dialogue box like below. We can see “Consumer Field Name ” field, here, from the dropdown, we have to choose the parameter name. Click on Finish.

query string filter web part sharepoint 2007 example
query string filter web part sharepoint 2007 example

Step-9: Now we can see in the Vendor List the web part only displays the items whose Review is average.

sharepoint 2013 query string filter multiple values
sharepoint 2013 query string filter multiple values

We have to give the below URL to see the all items whose Review is good.

http://tsinfotech/sites/tsinfo2/SiteAssets/NewWebPartPage.aspx?Review=good

?Review=good: This is our query string parameter.

We can see the items in quick navigation also. By clicking on edit links, we can get the dialog box like below. Here we have to give Text to Display field name and in the Address field, the query string parameter like below.

sharepoint 2010 query string url filter web part multiple parameters
sharepoint 2010 query string url filter web part multiple parameters

I have given the display name “Average Vendors,” so in the quick navigation, we can see the below. Similarly, I have added Very good vendors and good vendors.

By clicking on Average Vendor, we can see all the items of the list whose review is average.

query string filter web part not available
query string filter web part not available

By selecting the Very Good Vendors, we can see all the items whose review is very good.

query string filter web part sharepoint 2013
query string filter web part sharepoint 2013

When I click on  Good Vendors, we can see the items whose review is very good.s

query string url filter web part download
query string url filter web part download

You may also like:

Conclusion

In this SharePoint tutorial, we will discuss what is Query String filter web part in SharePoint. How to configure query string web part in SharePoint 2016/2013 or SharePoint Online.

>