Configure form properties

Configure properties for a form added to a page

You can configure certain properties of a form added in a page. 

To configure an embedded form

  1. Double click the form you want to configure or single click to select the form and then click the Configure option in the toolbar at the top-center of the page builder.

  2. The Form Embed Configuration pane will slide in from the right. From here, you can configure the Properties and Field values.

  3. Under the Properties tab, you can customize the following:
    • Success Message: Enter a message you want to show when the form is submitted successfully via the page.
    • Submit button text: Enter text to be displayed in place of Submit button when users access your form to submit entries.
    • Reset button text: Enter text to be displayed in place of Reset button when users need to clear the data entered in your form.
    • Redirect to: Specify the entity (website or component) to which you want to redirect your users on form submission.
    • Open in: Select the required target window in which the redirected entity must be opened.
  4. Under  the Field Values tab, you can prefill the field values in your selected form.

  5. Click Configure values. A field will appear chosen by default and you can specify its value.
  6. Click Add New Value to select fields and specify their values.
  7. You can also edit the chosen field by clicking on the field name and choosing a different field from the dropdown.
  8. Hover on a value to delete that row of field and its value.
  9. Click Done to save configuration.

To configure a form embedded as button

  1. Double click the form (button) you want to configure or single click to select the form and then click the Configure option in the toolbar at the top-center of the page builder.

  2. The Panel Configuration pane will slide in from the right. From here, you can configure the Display, Action, and Style aspects.
  3. The Display tab enables you to edit the label name of the button.

  4. The Action tab allows you to customize the following aspects:
    • Action Type: Allows you to specify to open a URL, form, report, page or execute a function when users click the embedded button. Here, the action type is to open a form.
    • Form: Enables you to choose a form from any of your Creator applications.
    • Query parameters: Specify a query parameter to an Open Form action to load  the associated form with pre-filled values, for the fields specified in the parameter string.
    • Open in: Select the required target window in which the redirected entity (form) must be opened.

  5. The Style tab enables you to enhance the visual aspects of the embedded form for the end users. From here, you can customize the following,
    • Button type: Select the button type as Rectangular or Rounded.
    • Font family: Choose the font of the button text.
    • Style: Enables you to Bold, Italicize, Underline, and change the case for the button text.
    • Color: Allows you to customize the font and background color.
    • Font size: Set the font-size for the button text by specifying a suitable size or choosing one from the dropdown.
    • Margin:  Specify the margin attributes around the button.

Note: Changes made to the embedded form will take effect when the live page is accessed.

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: support@zohocreator.com