Hide filtered results until user types in search bar

Hi there

I have successfully implemented CMS Filter and CMS Load to create a functioning search bar on our blog page, that searches all 300+ blogs we have in our CMS.

I have received an additional request to have the list show nothing, until the users types their term/terms into the search bar, at which point the filtered results display below the search bar.

I’ve messed around with some of the native options within Webflow, but can’t seem to adapt the setup to this use case.

Does anyone know if this kind of set-up is possible?

Site URL

Hey @sam.beard!

You can use the initial element to show anything you’d like when the filters are reset!

You can also define the event on which the filter takes place

Or you could add a large debounce time to give the user time to finish typing before the items are rendered!

Hope this helps!

Hi Luis

Thanks so much for your help. Using the initial element feature worked and the search bar now displays 0 results until something is typed in.

I did notice that once I type something and then backspace and delete it, the list doesn’t reset to showing 0 and instead displays the default list like before. Is there a way to show the initial element again after deleting a search term?

Many thanks

Sam

Replied by DM!