Settings

Use the form in this tab to configure the settings for the form you are creating. The form is divided into the following sections:

• Form Buttons
• Alert Messages
• Callback Action
• Async Callback Action

Form Buttons

This section allows you to configure the behavior and properties of your form buttons.

Alert Messages

This section enables you to configure alert messages used by the form.

<ins-alert-box type="error" class="api-error" close-icon="icon-close-1" hidden>
  <div>{Error Message}</div>
</ins-alert-box>

Guide on how to retreive success message using URL parameters

• In Details tab, assign the value /thank-you?form=modules/ins_forms/example_form to the Redirect To.
• Create your own redirect page in CMS -> Pages with the slug "/thank-you".
• Add this code snippet at the top of the content:

  {%- graphql results, form: context.params.form -%}
  query ($form: String!) {
    items: admin_forms(
      filter: {
        name: {
          value: $form
        }
      }
    ) {
      results {
        success_message: flash_notice
      }
    }
  }
  {%- endgraphql -%}
  {%- assign success_message = form.items.results[0].success_message -%}
  

• You can now use the variable {{ success_message }}, which contains the value from the success message field, throughout the page.

  {Code Snippet}
  ...
  <h2>{{ success_message }}</h2>
  

Callback Action

This section lets you add synchronously executed code once the form is successfully validated.

Async Callback Action

This section lets you add asynchronously executed code on form validation.