Enabling Filter Buttons and Standard Filter Menu

API & Customization Show & Tell
1

Not sure if anyone else was having this problem or if it was just us.

When we initially built our app, I had designed the main page to include only filter buttons. However this created frustration, as our users would need to filter past the buttons. 

We recently created and rolled out a function that lets any knack developer customize their view's filter buttons to help their users refine their search results, while still enabling functionality to customize their filters. 

You'll notice below, that both the filter menu and the filter buttons are available to refine the table.

![](upload://i6gwMUrmDCVunAy8vfs8c65BXa2.png)

In this photo, you'll see the user still has access to their standard filters. 

![](upload://A2oeLgyBdbqTC15RLvqElF7bBU8.png)

This is all customizable and built with our Javascript library. It's as easy as building an array of filter references. 

![](upload://ekLlVHXrBpBvpny4IK6Hflc8Pfm.png)

 

Standard issues with other solutions I've seen:

  • When you build custom filters like this, the whole page reloads and drops the filters you've applied
  • Other solutions don't carry over the selected values the right way
  • Other solutions add make your URL string and query params absolutely disgusting
  • Only works on the legacy Knack Themes

Think this could add value in your Knack app(s)? See the demo here. 

Or e-mail me directly. taylor@digitaloperatingsolutions.com

2

Updated: See the demo here. 

3

Yes!!! At last a solution to this issue.

I invite you to explore the cool features of the Knack Toolkit Library (KTL).

Open-Source, Free
Does not require any coding skills. Only two files to copy/paste, and you’re ready to go.

For your filters problem, I recommend the Public Filters feature (under User Filters).

It implements exactly what’s missing - preset complex filtering, shared across all users.

But that’s only one among several other built-in features you’ll get.

To see more details and documentation, go here: cortexrd/Knack-Toolkit-Library: Knack Toolkit Library (github.com)

Enjoy,
Normand D.

1 Like