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
input
and 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-message
right after the list group
Typing something to see the response message
- Reports
- Analytics
- Export
- Storage