Render Form Node

The Render Form node allows you to build interactive forms with a complete set of options like the ability to prefill fields using variables, or default values, or marking them as required.

The form fields section (Figure 13) allows you to configure each of the form fields that you wish to have.

When opening the node editor, you will have a field you can configure (1). To add more form fields, click the Add field button (2). You can also remove a field that is no longer needed by clicking the delete icon (3).

28802880

Figure 13 - Render Form editor panel

🚧

A Render Form node must always have, at least, one field. There is no maximum number of fields.

In each form field, you have the following configuration options (Figure 13):

  • “Required” toggle (4) - mark the field as required by clicking on the toggle button.
  • Label (5) - the caption for the respective form field (required field).
  • Type (6) - the field type of the form field.
  • Default value (7) - the default value of the form field. You can choose a variable or a specific value to automatically fill this field.
  • Store in variable (8) - the variable in which you want to store the field value after the form submission to be used later on in the flow. Only variables from read-write sources are available (required field).

📘

When using Variables with default values, the form field will only be automatically filled if and when the Variable has value. If not, it will remain empty.

Available Field Types

You can define the following form field types:

  • Text - text input field.
  • Textarea - textarea input field.
  • Checkbox - checkbox that you can mark as checked or unchecked.

🚧

If you are using the Checkbox field type and want to add a default value, please note:

  • If the value is from a variable, its value has to be true or false.
  • If you add a custom value other than true or false, it will be converted to true.
  • If the variable has a value of undefined, null, or of an empty string, the checkbox will appear as empty. If there’s no interaction, the value is preserved. Otherwise, it will be true or false, depending on the checkbox status.