CS form: reset all button help

Hi there,

I’m trying to make a filter sidebar with “reset all” button. Here’s my form setting:

Is there anything I’m missing?

Hey Roxann,

Yes, Cornerstone Forms does have a Reset button feature that clears form fields without submitting.

How to use it:

  1. Add an Input element to your form.
  2. In the element settings under Type, select Reset from the dropdown menu (which contains standard types like text, email, submit, reset, etc.).

How it works:

Selecting Reset configures the element as a standard HTML <input type="reset"> button. When clicked, this button natively resets all the fields in the parent form back to their default/empty values directly in the browser, without submitting any data to the server.

Hey Christian, that worked! Thanks so much :slight_smile:

One other thing. Is there a way to hide the button if nothing is selected and show if any?

Yes, there is a built-in, zero-code way to do this using Input Conditions natively supported by Cornerstone Forms:

How to set it up:

  1. Select the Input element that is acting as your Reset button in the builder.
  2. Scroll to the Input Conditions section in the element’s settings panel.
  3. Toggle Input Conditions to On.
  4. Configure a condition statement like this:
    • Field: Input Data
    • Input Name: Choose the field name/ID you want to monitor (e.g., your select dropdown or text field).
    • Operator: Set it to is not.
    • Value: Leave this completely blank "".

How it works:

When set up this way, the forms plugin’s frontend JavaScript automatically monitors form changes in real-time. If the targeted field is empty (nothing is selected or typed), the Reset button is hidden (display: none). As soon as any option or text is entered, the condition is met and the button automatically shows up.