Add Form Filter to filter single column

A manager had a request the other day for a filter that would allow him to quickly search for an item in a list by the ID. I had done this numerous times at my former employer but couldn’t remember how to. I reached out to 2 former colleagues (Erich and Erik) and they helped me out.

  1. Site Actions > Edit Page
  2. Add or Insert web part
  3. Choose Forms > HTML Form Web Part
  4. Edit Web Part
  5. Click Source Editor button in edit web part pane
  6. Add the following code
  7. Click OK
  8. Choose Connections > Provide Form Values to > Title of the list you wish to filter in the web part’s dropdown
  9. Leave “Get Filter Values From” and click Configure
  10. Choose the Consumer Field Name you wish to filter
    Note: You cannot choose more than one column with this type of filter
  11. Click Finish
  12. Click Stop Editing in the Ribbon

You can also find more details around this on Microsoft’s site:  LINK.

3 thoughts on “Add Form Filter to filter single column”

  1. Do you know how to edit the Javascript to change the search to “contains” rather than an exact match? I have been having a hard time trying to sort this one out.


  2. Hi,

    thank you for the tutorial you have provided on this page. I am wondering if there is any way to add “Sort” functionality rather than “Search” in this webpart?


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: