{"id":23796,"date":"2020-07-03T16:47:31","date_gmt":"2020-07-03T15:47:31","guid":{"rendered":"https:\/\/developer.kore.ai\/?p=23796"},"modified":"2021-08-04T07:27:29","modified_gmt":"2021-08-04T06:27:29","slug":"working-with-the-form-node","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/v9-0\/docs\/bots\/bot-builder-tool\/dialog-task\/working-with-the-form-node\/","title":{"rendered":"Form Node"},"content":{"rendered":"
<\/div><\/div><\/section>
<\/div><\/div>

Form node lets you integrate the Digital Forms<\/a> with Dialog Task. This facilitates the presentation of form to capture user inputs for specific use cases.<\/p>\n

The primary purpose of the Form node is to represent a UI Form in the dialog task and make the form available for end-users on their channel. For example, let us consider a banking bot that has a form to capture the customer details to open a new account. You want to use the form instead of prompting for each and every entity value.<\/p>\n<\/div><\/div>

<\/div><\/div>

<\/span>Set-Up<\/span><\/span><\/h2>\n

Setting up a form node in a dialog task involves the following steps:<\/p>\n

<\/span>Add Node<\/span><\/h3>\n

To add a form node to the dialog task, follow the below steps:<\/p>\n

    \n
  1. Open the dialog task to add the Form node.<\/li>\n
  2. Add form node in the designated place. For steps in adding nodes, refer here<\/a>.<\/li>\n
  3. The Form Node window is displayed with the Component Properties<\/strong> tab selected by default.<\/li>\n<\/ol>\n<\/div><\/div>
    <\/div><\/div>

    <\/span>Configure Node<\/span><\/span><\/h2>\n

    <\/span>Component Properties<\/span><\/h3>\n

    The Form Component Properties allow you to configure the General Settings, User, and Error Prompts.<\/p>\n

    Note:<\/b> The configurations you set up or modify in this section are reflected in all other dialog tasks that use this node.<\/div>\n
    <\/div>\n
      \n
    1. On the Component Properties<\/strong> tab, under the General Settings <\/strong>section, enter a Name<\/strong> and Display Name<\/strong> for the form node. Node names cannot have spaces. The UI Form<\/strong> property is set to the UI Form you selected and it cannot be changed.<\/li>\n
    2. In the Prompt Message<\/b> text box, enter the prompt message that you want the user to see for this form. It gives instructions to the user to click on the link to initiate the form. It is not recommended to change the context variable reference (of the form {{context.form_node.formLink}}<\/code>)<\/span>coded therein. You can enter channel-specific messages for user prompts. For more information, refer to Using the Prompt Editor<\/a>.<\/li>\n
    3. In the Error Message<\/b> text box, review the default error message, and if required modify it. For more information, refer to Using the Prompt Editor<\/a>.<\/li>\n
    4. In the Submit Message<\/b> text box, review the default message that is displayed after successful submission of the form, and if required, modify it. This message is applicable only when the UI Form is opened in a browser tab and not for Web\/Mobile SDK. For more information, refer to Using the Prompt Editor<\/a>.<\/li>\n
    5. Under the Web\/Mobile SDK Form Behavior<\/strong> section, you can set how the form is displayed. You can select:\n