Submit form data

Collect user input in a Form (or group of inputs) and write it to a datasource.

Steps

1. Add inputs (Input, Select, DatePicker, etc.) inside a Form widget.
2. Create an insert/update query on your datasource (Postgres, REST, Sheets, CSV workflows, etc.).
3. Bind query parameters to widget values, for example:

{{ InputName.text }}
{{ SelectStatus.selectedOptionValue }}

4. On the Form onSubmit (or a Button onClick), run the query, then reset the form or show a success alert:

{{ insertRow.run().then(() => groove.showAlert("Saved", "success")) }}

5. Optionally refresh a Table that lists the same data: {{ getRows.run() }}.

Related

• Form widget
• Prepared statements
• Query settings