Using the Search Bar "Clear" button

Added in Version 1.5.4

The Search bar widget has a "Show Clear button" setting. Enabling this setting allows users to clear entered search values.

Click the gear to open the Search Bar widget settings

A screenshot showing a mouse cursor hovering over the cog icon that triggers the modal window of the Search Bar widget

Check the Show Clear button checkbox

After checking the box, you can close the Search Bar settings window.

A screenshot showing the Show Clear button checkbox option inside the Search Bar settings modal

Save the View

Screenshot showing the update button inside the View editor

Click "View on website" to see the View

A screenshot showing the View on the website link

You'll not see anything difference at first...

A screenshot of the Search Bar's Search Entries input on the front-end of the website

...until you start typing!

When you start typing, the Reset button will appear. When clicking the Reset button, the form will revert to its original state.

If you have performed a search and the form has existing values, clicking Reset will return the original values to the form.

A screenshot showing the Reset button showing up besides the Search button

If you click Reset…

A screenshot showing the mouse pointer hovering over the Reset button

…it'll return to its original state.

A screenshot of the Search Bar's Search Entries input on the front-end of the website

If there's an existing search value, "Clear" will be visible on load

Clicking clear will remove all search values.

A screenshot showing the Clear button showing up besides the Search button

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us