Custom search using text link filters

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

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

Problem: I would like to include a list of text links that behave like filters in my custom search View.

Solution: Text links are not one of the options provided for our filter controls, but you could use custom CSS to style a radio input filter. Remove the button elements and style the labels to look like a list of links.

Relevant Documentation:
https://stackoverflow.com/questions/18078871/hide-check-radio-button-with-css
https://medium.com/claritydesignsystem/pure-css-accessible-checkboxes-and-radios-buttons-54063e759bb3
https://jsfiddle.net/petrabarus/pPgS7/

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

This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Custom search, Views plugin

This topic contains 3 replies, has 2 voices.

Last updated by susanB-3 6 years, 9 months ago.

Assisted by: Christian Cox.

Author

Posts

February 5, 2018 at 11:52 pm #613089

susanB-3

I am creating a staff page. I want a menu where I can filter the staff members by different departments. Something like this: hidden link

I created the search using a select box, then manually created links using the urls that are created when using the select box, but I am not happy with that. Is there another way to do what I want to do?

February 6, 2018 at 8:03 pm #613525

Christian Cox

manually created links using the urls that are created when using the select box, but I am not happy with that.
I assume you mean you would like to display clickable text that behaves like a filter in a custom search View. Please correct me if I'm misunderstanding. The custom search filter types we offer are basically a select box, a set of checkboxes, a text input, or a radio button group. If you're comfortable writing your own custom CSS, you can insert a filter using radio buttons, hide the "button" parts, and display only the labels. Then you can style the labels to look like a list of links, similar to the example you showed. A quick search led me to these articles:
https://stackoverflow.com/questions/18078871/hide-check-radio-button-with-css
hidden link
hidden link

This technique is ultimately a customization we do not support here in the forums, so it would largely be your responsibility to integrate. However, I am able to help troubleshoot code that does not seem to be working as expected. Let me know how you would like to proceed.

February 7, 2018 at 1:06 am #613583

susanB-3

Thank you for that guidance. I had been playing around with the radio boxes similarly, so I will proceed with that solution.

If I hit a wall, I will come back.

February 7, 2018 at 1:06 am #613584

susanB-3

Thank you.

The forum ‘Types Community Support’ is closed to new topics and replies.