The easiest way for a responder to clear or reset a response is by clicking the ”…” icon in the top right corner of the form and selecting “Clear” from the menu. This is ideal for most cases.
However, in some scenarios — such as public forms where the context menu is not available — you may want to add your own custom clear button within the form. This article outlines a few different approaches for clearing form responses using a custom button.
Clear the Entire Form with a Custom Button
To create a button that resets the entire form:
Drag and drop a Button component into your form.
Update the button label to something like “Clear” or “Reset”.
In the Button settings, change the Action property from “Submit” to “Reset”.
This will automatically reset all input fields in the form when the button is clicked.
Clear Specific Fields with a Custom Button
If you only want to clear certain fields rather than the whole form:
Drag and drop a Button component into your form.
Update the button label to something like “Clear Fields”.
In the Button settings, change the Action property from “Submit” to “Custom”.
Under “Button Custom Logic”, add JavaScript to clear specific fields. For example:
instance.root.getComponent('fieldKey1').resetValue()
instance.root.getComponent('fieldKey2').resetValue()
Notes:
instance.root.getComponent('fieldKey').resetValue()is used to programmatically reset the value of a field.You must replace 'fieldKey1' and 'fieldKey2' with the actual keys of the fields you want to clear.