How to style custom search filters

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

This thread was about styling Toolset elements. In the meantime, we published a full training course about designing WordPress sites. Check it out to learn how to style Toolset elements and your whole site.

This support ticket is created 4 years, 12 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: Africa/Casablanca (GMT+01:00)

Tagged: Custom search, Toolset Blocks, Views, Views plugin

This topic contains 5 replies, has 2 voices.

Last updated by nickW-7 4 years, 11 months ago.

Assisted by: Jamal.

Author

Posts

October 30, 2020 at 5:52 pm #1829995

nickW-7

Tell us what you are trying to do?
1. I am wanting to add my custom search filters inside two columns so they can be side by side but when I go to add a column, there is no option to add a custom search filter.
2. I am also wanting to add the label INSIDE the drop-down box, but I don't see an option for that.

Is there any documentation that you are following?
No

Is there a similar example that we can see?
The search filter for this website: hidden link

What is the link to your site?
hidden link

October 31, 2020 at 4:45 pm #1830679

Jamal

Hello and thank you for contacting the Toolset support.

I suppose that you are using the block editor, right? You can't add a search filter using other buttons than the one inside the view. Use the "Add Search" button inside the view, then drag/drop it inside the column. You can drag and drop using the arrows(up/down) icons.

I am not sure to understand the second question. Can you take a screenshot of your editor? That would help me know how you are building your view.

November 2, 2020 at 5:28 pm #1832283

nickW-7

Thanks, I solved the issue on the first question.

November 2, 2020 at 5:30 pm #1832309

nickW-7

Screen Shot 2020-11-02 at 11.28.36 AM.png

As far as question #2, I want my search filters to have the label inside the search box like the attached screenshot. So, 'Date' and 'Series Title' would show up inside the drop-down search box instead of being above it.

November 3, 2020 at 12:57 pm #1833203

Jamal

It seems that you are using Blocks to build the view, right? You can update the settings for each block to hide the label and to add a default value for the dropdown and a place holder for the search box. Check the following screenshots:
- Dropdown: hidden link
- Searchbox: hidden link

November 3, 2020 at 5:33 pm #1833623

nickW-7

My issue is resolved now. Thank you!