Add Erase Filters buton

Feature Requests
3

Hey @MichaelG ,
Great idea! I know how cumbersome this can be when there’s a lot of filters.
While the team is considering this, you can use this simple slice of code to add an Erase filters button on the filters popup, which will clear all the filters once clicked.
I used an event handler that triggers on modal render mentioned in this forum post.

$(document).on('knack-modal-render', function() {
  var eraseFiltersLink = '<a id="erase-filters-link" class="kn-button" style="margin-left:.5em"><span class="icon is-small"><i class="fa fa-eraser"></i></span><span>Erase filters</span></a>';
  $('a#add-filter-link').after(eraseFiltersLink);

  $('#erase-filters-link').on('click', function() {
    $('a.remove-filter-link.kn-filter-remove').trigger('click');
  });
});

erasefilters

5 Likes