Tell us what you are trying to do?
I am trying to create a clean search bar that searches all custom type. Ideally would have autocomplete and will show the word match in a dropdown that will show a line with the document and the document type by its side
I can get a free plugin that does that (ajaxserchlite) or even pay extra for the pro version to obtain further customization
The Toolset search shows default results from the get go which is a non-no for any website, has an ugly bar and an ugly output (I understand I can format both but struggling to do so). Then It's not obvious how to edit the search term component (the button is greyed out saying I already did it).
Is there any documentation that you are following?
I have read all kinds of documentation in your site, youtube and your training courses inside the website
Is there a similar example that we can see?
I am attaching two screenshots for your view. In all of them the nice rounded bar is from the external plugin and the square one from Toolset. The image with both empty search bars show how toolset shows a bunch of results just by loading the page, The second one shows how the Ajax third party plugin shows a drop-down with results as I type the search term.
What is the link to your site?
hidden link but you'll likely won't see it as it's in maintenance mode.
Please advice what I need to do to achieve this functionality in Toolset or if this is not possible.
Thanks
Hello,
Q1) In all of them the nice rounded bar is from the external plugin and the square one from Toolset
To style the custom search form, it requires custom CSS codes, I suggest you follow our document to setup your CSS codes:
https://toolset.com/documentation/user-guides/views/front-page-filters/#vfmh-adding-search-controls
Here is a document about "CSS Rounded Corners"
hidden link
Q2) The second one shows how the Ajax third party plugin shows a drop-down with results as I type the search term.
It requires custom JS codes, for example, you could add select2 yourself: hidden link