List filter Allow any lists to be filtered via the included filter plugin. Very easy to setup, no programming needed!

Default List filter

To create a list filter, you will need to first create an inputand an list, assigning ID to each. For each list item you will add related filter tags separated by spaces data-filter-tags="*"which will be used to filter out the list item. Activate the filter tags by initlizing the script initApp.listFilter($('list_id'), $('input_id'));
  • Reports
  • Analytics
  • Export
  • Storage

Filter Accordions

You can arrange your filters like so to filter accordion headings
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

Custom response message

To add a response message for the filter input, you can add a container with the class .filter-message.js-filter-messageright after the list group
Typing something to see the response message
  • Reports
  • Analytics
  • Export
  • Storage