Filter results greyed out, not hidden

This support ticket is created 3 years, 7 months 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 1 reply, has 2 voices.

Last updated by Luo Yang 3 years, 7 months ago.

Assisted by: Luo Yang.

Author

Posts

April 15, 2021 at 7:11 am #2021721

Ron

Tell us what you are trying to do?
I want to achieve the same result as this: hidden link in Toolset views.
We don't want to hide questions or filter results when there is 0 result, we want it to grey out. So they are still visible.

Is there any documentation that you are following?
no, I'm using toolset views like we always do.

Is there a similar example that we can see?
hidden link

What is the link to your site?
hidden link

Thanks,
regards,
Ivo

April 15, 2021 at 9:11 am #2021867

Luo Yang

Hello,

Unfortunately, there isn't such kind of built-in feature within Toolset plugins, after user submit the Views Search form, Views will output the related search result only, since those non-related items are not in the search result, so can not be greyed out.

In your case, you might consider custom JS codes, for example:
1) Setup a post view, display all items in the result, in view's loop, wrap each item with a HTML div tag, with custom CSS class names:
- value-1
- value-2
...

2) When user choose option "value-1", use custom JS codes to gray-out those non-related items
hidden link
https://stackoverflow.com/questions/4754918/gray-out-divs-using-jquery