Create dropdown for filters in legacy view

This thread is resolved. Here is a description of the problem and solution.

Problem:

Create a "More Filters" in the custom search form.

Solution:

There isn't such kind of built-in feature within Toolset Views/Blocks plugin, you can consider custom codes, for example

https://toolset.com/forums/topic/create-dropdown-for-filters-in-legacy-view/#post-2234865

Relevant Documentation:

This support ticket is created 3 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by simchaH 3 years ago.

Assisted by: Luo Yang.

Author

Posts

December 2, 2021 at 2:08 am #2234725

simchaH

Hi,

I am trying to figure out if there is a simple way to add a dropdown in the search bar I created? I created the view using the legacy editor and I would like to add additional filter options to be viewable if clicked on a dropdown called "More Filters"

Thanks,
Simcha

December 2, 2021 at 6:57 am #2234865

Luo Yang

Hello,

There isn't such kind of built-in feature within Toolset Views/Blocks plugin, you can consider custom codes, for example, edit your post view:
1) In section "Search and Pagination", add a text link + a hidden HTML div, like this:

<a href="#" class="show-more">Show more filters</a>
<div class="more-filter" style="display:none;">
Put filters here...
</div>

2) In the "JS Editor", add below JS codes:

jQuery( ".show-more" ).click(function() {
  jQuery( ".more-filter" ).toggle( "slow", function() {
    // Animation complete.
  });
});

More help:
hidden link

December 6, 2021 at 4:56 pm #2238325

simchaH

My issue is resolved now. Thank you!