{"id":23741,"date":"2020-07-03T16:44:50","date_gmt":"2020-07-03T15:44:50","guid":{"rendered":"https:\/\/developer.kore.ai\/v7-3\/?p=23741"},"modified":"2020-10-23T10:22:44","modified_gmt":"2020-10-23T09:22:44","slug":"digital-forms","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v7-3\/docs\/bots\/bot-builder-tool\/digital-forms\/","title":{"rendered":"Digital Forms"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p class=\"note\">This feature was released with v7.3 of the platform and is in <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/15\/beta.png\" alt=\"\" width=\"18\" height=\"18\" \/> (beta) state.<\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p>The Virtual Agents engage end-users primarily using a conversational interface that typically includes an exchange of a series of messages. But oftentimes, there is a need to gather information from the end-user to proceed further. Examples include providing delivery address while interacting with an eCommerce agent, details of an issue while reporting to ITSM agent, opportunity details while creating a CRM opportunity, capturing customer details to create a bank account, etc.<\/p>\n<p>In a standard Dialog Task, this scenario is designed by placing a series of Entity Nodes connected back-to-back and the user is asked for values for each of these entities sequentially, which is quite tedious and frustrating. Instead, an interactive User Interface for easy and efficient capture of all the information from the user would be ideal.<\/p>\n<p>Kore.ai&#8217;s <strong>Digital Form<\/strong> caters to such requirements by providing a range of input fields required for capturing the required details from end-users. After the users complete the form, the input can be submitted to the virtual agent to proceed with the task at hand.<\/p>\n<p>In this document, we discuss the features and implementation for Digital Forms in the Kore.ai Bots platform. To jump to a use case example for a step-by-step implementation of a Digital Form <a href=\"\/v7-3\/docs\/bots\/how-tos\/how-to-configure-digital-forms\/\" target=\"_blank\" rel=\"noopener noreferrer\">click here<\/a>.<\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><div class=\"g-cols wpb_row  type_default valign_top vc_inner \"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkform.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23286\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkform.png\" alt=\"\" width=\"499\" height=\"417\" \/><\/a><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Highlights\">Highlights<\/span><\/h1>\n<ul>\n<li>Improved user experience with a single interface for input collection.<\/li>\n<li>Easy form creation using simple drag and drop actions.<\/li>\n<li>Vast component library to cater to all your form requirements.<\/li>\n<li>Provision to define rules for input validations and visibility suiting your use case.<\/li>\n<li>Automatic Dialog task generation from the Form enabling switching between Form or Conversation experience based on the channel of interaction.<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><div class=\"g-cols wpb_row  type_default valign_top vc_inner \"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Setup\">Setup<\/span><\/h1>\n<p>You can access <strong>Digital Forms<\/strong>\u00a0from under the <strong>Bot Tasks<\/strong> menu.<\/p>\n<p>Following are the steps to configuring Digital Forms:<\/p>\n<ul>\n<li><strong>Form Creation<\/strong>: Define Digital Form by adding components and configuring their properties.<\/li>\n<li><strong>Form Invocation<\/strong>: Forms can be invoked from inside a task or process:\n<ul>\n<li>\u00a0A form can be included as a component in the task for defining the task definition. The Dialog task offers Form Experience and Conversation Experience based on the channel of interaction.<\/li>\n<li>A Digital Form can be added to a Digital View with a dialog task to be triggered when a form is submitted from there.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Form Submission<\/strong>: On submit from the user, the component values are validated and any errors are highlighted. Based on the mode of invocation, post successful validation\n<ul>\n<li>the bot execution would proceed as per dialog flow in case of dialog task invocation, or<\/li>\n<li>the selected task would be triggered from the Panel.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p><a ref=\"magnificPopup\" href=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914052939\/UIForms-access-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914052939\/UIForms-access-1.png\" alt=\"\" width=\"459\" height=\"721\" class=\"alignnone size-full wp-image-24504\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914052939\/UIForms-access-1.png 459w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914052939\/UIForms-access-1-191x300.png 191w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/a><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Form_Creation\">Form Creation<\/span><\/h1>\n<p>A Digital Form includes a definition and various components to capture user input.<\/p>\n<p><strong>Steps in creating Forms:<\/strong><\/p>\n<ol>\n<li>From the left navigation menu, select\u00a0<strong>Bot Tasks<\/strong> and then <strong>Digital Forms<\/strong>.<\/li>\n<li>Use the <strong>New Form<\/strong> button to create a form.<\/li>\n<li>In the\u00a0<strong>New Form<\/strong> page, enter\n<ul>\n<li><strong>Name<\/strong> of the Form<\/li>\n<li><strong>Display Name<\/strong> for the Form<\/li>\n<li><strong>Description<\/strong> of the Form<\/li>\n<\/ul>\n<\/li>\n<li><strong>Save &amp; Proceed<\/strong> with the Form Creation.<\/li>\n<\/ol>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-creation.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23269\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-creation.png\" alt=\"\" width=\"905\" height=\"471\" \/><\/a><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Components_Addition\">Components Addition<\/span><\/h2>\n<ul>\n<li>You can drag and drop the components available on the left panel onto the canvas, and configure their properties to build the form. For details of the components &amp; their properties, <a href=\"#Component_Details\">see below<\/a><\/li>\n<li>You can search for a given component, scroll through the list<\/li>\n<li>view them in a grid format.<\/li>\n<\/ul>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-components.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23435\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-components.png\" alt=\"\" width=\"931\" height=\"665\" \/><\/a><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Form_Actions\">Form Actions<\/span><\/h2>\n<p>From the Forms Listing page, you can:<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-listing.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23276\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-listing.png\" alt=\"\" width=\"881\" height=\"281\" \/><\/a><\/p>\n<ul>\n<li>Create\u00a0<strong>New Form<\/strong>, as <a href=\"#Form_Creation\">seen above<\/a>.<\/li>\n<li>Edit Form, <a href=\"#Edit\">see below<\/a>;<\/li>\n<li>Use Branding option to customize the form, <a href=\"#Branding\">see here<\/a>;<\/li>\n<li>Test the form, <a href=\"#Test\">see here<\/a>; and<\/li>\n<li>Delete the form.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Edit\">Edit<\/span><\/h3>\n<p>You can use the\u00a0<strong>Edit<\/strong> option from the form listing to edit the form. Following actions can be performed on the Form in edit mode:<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-actions.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23272\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-actions.png\" alt=\"\" width=\"1305\" height=\"739\" \/><\/a><\/p>\n<ul>\n<li><em>Component Listing<\/em> can be used to select and add components to the Form by simple drag and drop action;<\/li>\n<li>Use <em>View Toggler<\/em> to switch between <strong>Desktop view<\/strong> and\u00a0<strong>Mobile View<\/strong>;<\/li>\n<li>Use the <em>Handle Bar<\/em> against each of the components to change its location by a simple drag and drop action;<\/li>\n<li>Use <em>Form Actions <\/em>to:\n<ul>\n<li><strong>Test<\/strong> the form to see the preview of the Digital Form in the Bot Builder;<\/li>\n<li><strong>Delete<\/strong> the Form;<\/li>\n<li>Change the Form <strong>Settings<\/strong> like name, display name, and description.<\/li>\n<\/ul>\n<\/li>\n<li>Use the\u00a0<em>Component Actions<\/em> to access the\u00a0<strong>Settings<\/strong>, <strong>Duplicate,<\/strong> and\u00a0<strong>Delete<\/strong> the component.<\/li>\n<li>You can change the components&#8217; properties from the Component Settings popup:\n<ul>\n<li>Use the\u00a0<em>Component Docker<\/em> to dock\/undock the settings panel to the screen<\/li>\n<li>Use the\u00a0<em>Component Selector<\/em> to navigate through the components on the Form<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Branding\">Branding<\/span><\/h3>\n<p>Use the <strong>Branding<\/strong> option to change the look and feel of the form to reflect your organization&#8217;s standards. An instant preview gives you an idea of how the form would look with the new colors and you have the option to\u00a0<strong>Save<\/strong> or\u00a0<strong>Restore Default<\/strong> scheme.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-branding.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23273\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-branding.png\" alt=\"\" width=\"1063\" height=\"467\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Test\">Test<\/span><\/h3>\n<p><strong>Test<\/strong> the form to see a preview<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-test.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23274\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-test.png\" alt=\"\" width=\"607\" height=\"475\" \/><\/a><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Form_Invocation\">Form Invocation<\/span><\/h1>\n<p>Following are the ways a Digital form can be invoked:<\/p>\n<ol>\n<li><strong>From a Task<\/strong>: You may include a form as a component in a dialog task for defining the task. The Dialog task offers \u2018Form Experience\u2019 and the usual \u2018Conversation Experience\u2019 for filling the form data. You can choose the preference based on \u2018channel of interaction\u2019 or any other criteria based on your requirements.<\/li>\n<li><strong>From a UI flow<\/strong>: You can add a Digital Form to a Panel and choose a dialog task to be triggered when the form is submitted from the panel.<\/li>\n<\/ol>\n<p>In the following sections, we discuss each of the above invocation processes.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"From_Tasks\">From Tasks<\/span><\/h2>\n<p>Digital Forms can be used inside Dialog Tasks for capturing user inputs through a Form Node.<\/p>\n<p><strong>Steps in invoking form from a Dialog task<\/strong><\/p>\n<ol>\n<li>Create\/open the dialog from where you want to invoke the Digital Form.<\/li>\n<li>Click <strong>+<\/strong> next to the node where you want to add the Form.<\/li>\n<li>Select the\u00a0<strong>Form<\/strong> option and then the form from the list presented. You can choose to add a Digital Form directly or use an existing Form Node.<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053047\/UIForms-dialog-open-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053047\/UIForms-dialog-open-1.png\" alt=\"\" width=\"687\" height=\"443\" class=\"alignnone size-full wp-image-24508\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053047\/UIForms-dialog-open-1.png 687w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053047\/UIForms-dialog-open-1-300x193.png 300w\" sizes=\"auto, (max-width: 687px) 100vw, 687px\" \/><\/a><\/li>\n<li>You will be prompted to select the\u00a0<strong>Form Experience<\/strong>, it can be<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053128\/UIForms-dialog-option-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053128\/UIForms-dialog-option-1.png\" alt=\"\" width=\"481\" height=\"403\" class=\"alignnone size-full wp-image-24511\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053128\/UIForms-dialog-option-1.png 481w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053128\/UIForms-dialog-option-1-300x251.png 300w\" sizes=\"auto, (max-width: 481px) 100vw, 481px\" \/><\/a><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Only Form UI<\/strong> &#8211; this would create a Form Node and associate it with the Digital Form selected. This is the default option.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-form.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23280\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-form.png\" alt=\"\" width=\"905\" height=\"147\" \/><\/a><\/li>\n<li><strong>Both Form UI and Conversation Experience<\/strong> &#8211; This would further prompt you to choose a channel. When a user is using one of the selected channels they would be presented with a Form UI, the rest of the channel users would get conversation experience.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-convchannel.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23282\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-convchannel.png\" alt=\"\" width=\"483\" height=\"557\" \/><\/a><br \/>\nThis option would create:<\/p>\n<ul>\n<li>a <strong>Group <\/strong>encompassing the following nodes (<a href=\"\/v7-3\/docs\/bots\/bot-builder-tool\/dialog-task\/grouping-nodes\/\" target=\"_blank\" rel=\"noopener noreferrer\">see here for details<\/a>). This grouping can be renamed and\/or deleted.\n<ul>\n<li>a <strong>Logic Node<\/strong> to determine the transitions to the Form Node and the Sub-dialog Node based on the channels selected<\/li>\n<li>a <strong>Form Node<\/strong> for the Digital Form, same as was generated for the Only Form UI above.<\/li>\n<li>a <strong>Sub-dialog Node<\/strong> to capture the required entities (as defined in the Digital Form using components) for the conversational experience. <a href=\"#Dialog_Node\">See below for the mapping<\/a>.<\/li>\n<\/ul>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-conv.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23369\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-conv.png\" alt=\"\" width=\"1236\" height=\"382\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>You can set the\u00a0<strong>Properties<\/strong> for each of the node added\n<ul>\n<li>the <strong>Form node<\/strong> (<a href=\"\/v7-3\/docs\/bots\/bot-builder-tool\/dialog-task\/working-with-the-form-node\/\" target=\"_blank\" rel=\"noopener noreferrer\">see here for details<\/a>).<br \/>\nOf special interest are the following Component Properties<\/p>\n<ul>\n<li><strong>Submit Message<\/strong> &#8211; Message displayed to the end-user on successful submission of the form<\/li>\n<li><strong>Web\/Mobile SDK Form Behavior<\/strong> &#8211; Using this option you can either have the form displayed <em>inline<\/em> the chat window or <em>open in a full page<\/em>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Logic Node,<\/strong> in case of the conversation experience flow, can also be configured (<a href=\"\/v7-3\/docs\/bots\/bot-builder-tool\/dialog-task\/working-with-the-logic-node\/\" target=\"_blank\" rel=\"noopener noreferrer\">see here for details<\/a>)<br \/>\nOf special interest are the following:<\/p>\n<ul>\n<li><strong>Manage Context Variables<\/strong> can be used to create and set values for the context variables. Remember to use the full path of the variable in the\u00a0<em>key<\/em> field ie. <em>context.BotUserSession.&lt;variable_name&gt;<\/em><\/li>\n<li>We strongly urge you not to make changes to the connection settings as this might affect the bot performance.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Sub-dialog Node<\/strong> can be configured as normal (<a href=\"\/v7-3\/docs\/bots\/bot-builder-tool\/dialog-task\/working-with-the-dialog-node\/\" target=\"_blank\" rel=\"noopener noreferrer\">see here for details<\/a>)<br \/>\nOf special interest are the following:<\/p>\n<ul>\n<li>Use the\u00a0<strong>Entity Post-assignment<\/strong> to capture the user input.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-assignments.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23380\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-assignments.png\" alt=\"\" width=\"825\" height=\"651\" \/><\/a><\/li>\n<li>In case you modify the sub-dialog or the source form, you will be presented with an option to\u00a0<em>Regenerate Dialog<\/em>. This would ensure that the changes are reflected in the task without having to rebuild the entire task. Be aware that the changes would be reflected in all places this sub-dialog is used.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-regenerate.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23379\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialog-regenerate.png\" alt=\"\" width=\"639\" height=\"381\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>The user input can be accessed as follows:\n<ul>\n<li>Form component values can be accessed (<a href=\"#Context_Object\">see here for details<\/a>) using <code>{{context.forms.&lt;form_name&gt;.&lt;component_name&gt;}}<\/code><\/li>\n<li>In case of the sub-dialog, the variables used in the post-assignment settings as <code>{{context.&lt;variable_name&gt;}}<\/code><\/li>\n<\/ul>\n<\/li>\n<li>You can continue with the Dialog Task as per your business needs. For example, you can use the Form Component values as input to a <strong>Service Node<\/strong> to update the data or use the <strong>Script Node<\/strong> to process it further. If you are using the conversation experience too, remember to connect the auto-generated sub-dialog to the process flow.<\/li>\n<\/ol>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"From_Panels\">From Panels<\/span><\/h2>\n<p>Digital Forms can be rendered in Digital Views by configuring Widgets &amp; Panels, <a href=\"\/v7-3\/docs\/bots\/bot-builder-tool\/digital-views\/\" target=\"_blank\" rel=\"noopener noreferrer\">see here for more on Digital Views<\/a>.<\/p>\n<p><strong>Steps in invoking form using Widgets and Panels<\/strong><\/p>\n<ol>\n<li>Create a widget to invoke the Digital Form.\n<ol>\n<li>Enter the name.<\/li>\n<li>Select <em>Digital Forms<\/em> as\u00a0<strong>Source<\/strong><\/li>\n<li><strong>Add<\/strong><strong> Form<\/strong> by selecting from the drop-down list<\/li>\n<li>Select the\u00a0<strong>Dialog to Invoke on Submit<\/strong> from the drop-down list.<br \/>\nNote that while a Digital Form can be used to define multiple Widgets and also be added to multiple Panels, it will be associated with the single Dialog Task across all Widgets and Panels.<\/li>\n<li><strong>Save<\/strong> the widget.<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053246\/UIForms-widget-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053246\/UIForms-widget-1.png\" alt=\"\" width=\"525\" height=\"765\" class=\"alignnone size-full wp-image-24514\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053246\/UIForms-widget-1.png 525w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v7-3\/wp-content\/uploads\/sites\/15\/20200914053246\/UIForms-widget-1-206x300.png 206w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/li>\n<\/ol>\n<\/li>\n<li><strong>Add Widget<\/strong> to an existing Panel or create a new Panel.<br \/>\nYou can Add Form directly to a Panel, it would create a Widget by default.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-panel.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23366\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-panel.png\" alt=\"\" width=\"901\" height=\"311\" \/><\/a><\/li>\n<li>You can\u00a0<strong>Test<\/strong> the Panel.\n<ul>\n<li style=\"list-style-type: none\"><\/li>\n<\/ul>\n<\/li>\n<li>Follow the steps <a href=\"\/v7-3\/docs\/bots\/sdks\/kore-ai-widget-sdk-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">given here<\/a> to publish and host the Panels.<\/li>\n<\/ol>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Process_Flow\">Process Flow<\/span><\/h1>\n<p>When the end-user initiates the dialog and reaches the node connecting to Form node the following events take place. Depending upon the experience selected at design time and the channel of invocation, the following would be the flow:<\/p>\n<ul>\n<li><em>Form experience:<\/em>\n<ul>\n<li>A <strong>link to the form<\/strong> is presented to the user<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkmessage.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23285\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkmessage.png\" alt=\"\" width=\"501\" height=\"313\" \/><\/a><\/li>\n<li>Clicking the link would open the form in either full-screen or inline mode, based on the selection. Special notes about the link:\n<ul>\n<li>The link is active only for a certain duration of time, it becomes inactive after that.<\/li>\n<li>Even within the active period, it can be used only a limited number of times.<\/li>\n<\/ul>\n<\/li>\n<li>End-user can fill the values for the components\/fields.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkform.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23286\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkform.png\" alt=\"\" width=\"499\" height=\"417\" \/><\/a><\/li>\n<li>Every form comes with a default <strong>Submit<\/strong> button. This would validate the form entries, prompt for any missing values.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkform-error.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23287\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkform-error.png\" alt=\"\" width=\"497\" height=\"441\" \/><\/a><\/li>\n<li>Once the form is validated and submitted, the values will be available in the context variable and can be accessed using the following code: <code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><br \/>\nHere we are capturing the user entry and displaying it using a message node.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkfinish.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23288\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-linkfinish.png\" alt=\"\" width=\"499\" height=\"601\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<li><em>Conversation Experience<\/em>:\n<ul>\n<li>From the channel of operation, the end-user would be prompted to enter values for each and every component in the form.<\/li>\n<li>The values will be available in the sub-dialog context and can be captured using Entity Post Assignment as mentioned above.<\/li>\n<li>Following is the user experience in Conversation mode<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialogform.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23384\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dialogform.png\" alt=\"\" width=\"499\" height=\"715\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Exceptions\">Exceptions<\/span><\/h2>\n<p>When exceptions are encountered during the dialog execution with a Form Node, they are handled as follows:<\/p>\n<table>\n<tbody>\n<tr>\n<th><b>Exception<\/b><\/th>\n<th><b>Exception Behavior<\/b><\/th>\n<\/tr>\n<tr>\n<td>User tries to continue the conversation without opening the form link<\/td>\n<td>The Manage Interruption Settings are honored and when the user is returning to the form, then a new form link will be displayed<\/td>\n<\/tr>\n<tr>\n<td>User tries to continue the conversation (in the chat window) without submitting the form responses<\/td>\n<td>The Manage Interruption Settings are honored and when the user is returning to the form, then a new form link will be displayed<\/td>\n<\/tr>\n<tr>\n<td>User closes the form or browser without submitting responses<\/td>\n<td>The form displays a warning message that the task will be canceled<br \/>\nIf the user accepts, the form will be closed and a message is displayed saying that the previous task is canceled<\/td>\n<\/tr>\n<tr>\n<td>User tries to relaunch the form while the form is already open<\/td>\n<td>The form link will not open the form and a message will be displayed saying that the form link is no longer valid.<\/td>\n<\/tr>\n<tr>\n<td>User tries to relaunch the form after moving ahead in the conversation<\/td>\n<td>The form link will not open the form and a message will be displayed saying that the form link is no longer valid.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Panel_Flow\">Panel Flow<\/span><\/h1>\n<p>Users can access the form using Panels &amp; Widgets. The experience is the same as for the Process Flow with Form experience.<\/p>\n<p>Once the form is validated and submitted, the values will be available in the context variable and can be accessed using the following code: <code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/p>\n<p>The following would be the experience:<\/p>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-panelform.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23385\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-panelform.png\" alt=\"\" width=\"573\" height=\"483\" \/><\/a><\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Bot_Management\">Bot Management<\/span><\/h1>\n<h2><span class=\"ez-toc-section\" id=\"Publish\">Publish<\/span><\/h2>\n<p>The publishing flow for a bot with Digital Forms has the following special cases:<\/p>\n<ul>\n<li>As with any bot, the Digital Forms exist in the following states:\n<ul>\n<li><em>In-development<\/em> when a form is created;<\/li>\n<li><em>Awaiting approval<\/em> when a form is submitted for Publish and the request is waiting for the admin to take action;<\/li>\n<li><em>Rejected<\/em> when the Publish request is rejected by the admin;<\/li>\n<li><em>Published<\/em> when the Publish request is approved by the admin;<\/li>\n<li><em>Suspended<\/em> when a published form is suspended by the admin<\/li>\n<\/ul>\n<\/li>\n<li>The following validations are performed before a Publish request is processed:\n<ul>\n<li>A Dialog Task that contains a Digital Form can be published only if:\n<ul>\n<li>The corresponding Digital Form is already published, or<\/li>\n<li>The corresponding Digital Form is also selected for publishing.<\/li>\n<\/ul>\n<\/li>\n<li>A Digital Form that is configured to trigger a Dialog Task can be published only if:\n<ul>\n<li>The corresponding Dialog Task is already published, or<\/li>\n<li>The corresponding Dialog Task is selected for publishing.<\/li>\n<\/ul>\n<\/li>\n<li>While the dependencies are published together, chances are that all the dependencies might not be available at run-time, in such cases:\n<ul>\n<li>If the Dialog Task is in a published state, but the Digital Form is not in a published state this would trigger\n<ul>\n<li>the Task Failure Event and the corresponding behavior will be invoked or<\/li>\n<li>a relevant Standard Response will be displayed and<\/li>\n<li>logged as Failed Task in Analytics.<\/li>\n<\/ul>\n<\/li>\n<li>Digital Form is in a published state, but the Dialog Task is not available then on Form submission, the end-user would be presented with the Form\u2019s Error Message.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"ImportExport\">Import\/Export<\/span><\/h2>\n<p><b>Bot Export<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Option to export Digital Forms in In-development and Published copies are available.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Digital Forms can be selected\/deselected from the Bot Export page under the Bot Tasks category.<\/span><\/li>\n<li style=\"font-weight: 400\">Choose the option to &#8220;<em>Include dependent dialogs<\/em>&#8221; to export Dialog Tasks that are integrated with the selected Digital Forms for defining Widgets. Note that this does not include the Sub-dialog Tasks generated using Digital Forms.<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Complete information of each of the selected forms will be available in the export file and this includes<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Fields<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Field properties<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Form integrations<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><b>Bot Import<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Digital Forms are included in the full and incremental import of the bot.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">For Full Import:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">As with all other bot components, the full import would replace the entire Digital Forms and form details in the bot.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">For Incremental Import:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You can choose to include\/exclude the Digital Forms in the import.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">This import would fully replace the Digital Forms that are common to the import file and the bot.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Additional forms in the file will be imported into the bot.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Additional forms in the bot will be retained.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Post import, any invalid Digital Form integration details will be disassociated with the corresponding forms.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Component_Details\">Component Details<\/span><\/h1>\n<h2><span class=\"ez-toc-section\" id=\"Components_List\">Components List<\/span><\/h2>\n<p>Following is a list of available components. For details on the properties of each component, <a href=\"#Component_Properties\">see below<\/a><\/p>\n<table>\n<thead>\n<tr>\n<th>Component<\/th>\n<th>Description<\/th>\n<th>Sample<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td colspan=\"2\"><strong>Basic<\/strong><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-text.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23488 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-text.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Text Field<\/strong> &#8211; used for single-line input.<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-text.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23465\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-text.png\" alt=\"\" width=\"515\" height=\"88\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-textarea.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23489 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-textarea.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Text Area<\/strong> &#8211; used for multi-line entry<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-textarea.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23466\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-textarea.png\" alt=\"\" width=\"516\" height=\"145\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-number.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23490 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-number.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Number<\/strong> &#8211; used for numerical entries<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-number.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23467\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-number.png\" alt=\"\" width=\"519\" height=\"76\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-radio.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23491 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-radio.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Radio Button<\/strong> &#8211; used as a selection option from a given list<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-radio.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23468\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-radio.png\" alt=\"\" width=\"285\" height=\"69\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-dropdown.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23492 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-dropdown.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Dropdown<\/strong> &#8211; Used as a selection option from a given list; can be multi-select<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-dropdown.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23469\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-dropdown.png\" alt=\"\" width=\"511\" height=\"277\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-checkbox.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23493 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-checkbox.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Checkbox<\/strong> &#8211; Used for multi-select option from a given list<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-checkbox.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23470\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-checkbox.png\" alt=\"\" width=\"367\" height=\"89\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-date.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23494 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-date.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Date<\/strong> &#8211; Used for date entries, gives a date picker for the user to choose the date.<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-date.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23471\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-date.png\" alt=\"\" width=\"287\" height=\"352\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-date.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23494 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-date.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Date &amp; Time<\/strong> &#8211; Used for date &amp; time entries, gives a date and time picker for the user to choose the date and time.<br \/>\nUse the <strong>Date component<\/strong> and set the <strong>Time option to yes<\/strong>; choose from <em>12-<\/em> or <em>24-hour<\/em> format<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-datetime.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23472\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-datetime.png\" alt=\"\" width=\"298\" height=\"427\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-phone.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23495 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-phone.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Phone Number<\/strong> &#8211; Used for phone number entries, allows the user to choose the country code.<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-phone.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23473\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-phone.png\" alt=\"\" width=\"499\" height=\"273\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-email.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23496 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-email.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Email<\/strong> &#8211; Used for email address entries, validates for <em>xxx@uuu.com<\/em> format<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-email.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23474\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-email.png\" alt=\"\" width=\"517\" height=\"93\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-toggle.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23497 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-toggle.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Toggle<\/strong> &#8211; Used for switching between two values, ideal for yes\/no type of inputs<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-toggle.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23475\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-toggle.png\" alt=\"\" width=\"116\" height=\"65\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-address.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23498 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-address.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Address<\/strong> &#8211; Used for address entries<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-address.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23476\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-address.png\" alt=\"\" width=\"516\" height=\"152\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-url.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23499 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-url.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>URL<\/strong> &#8211; Used for web URL entries, validates for <em>xxx.com<\/em> format<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-url.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23477\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-url.png\" alt=\"\" width=\"517\" height=\"89\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-slider.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23500 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-slider.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Range Slider<\/strong> &#8211; Value selection between a specified min and max values; can be represented as a percentage<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-slider.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23478\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-slider.png\" alt=\"\" width=\"514\" height=\"80\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><strong>Advanced<\/strong><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-button.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23501 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-button.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Button<\/strong> &#8211; Used as a clickable component to submit, or reset, or open an external URL the form. Choose from <em>Primary<\/em>, <em>Secondary<\/em>, <em>Tertiary<\/em>, <em>Ghost,<\/em> or <em>Danger<\/em>.<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-buttons.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23479\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-buttons.png\" alt=\"\" width=\"666\" height=\"247\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-label.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23502 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-label.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Label<\/strong> &#8211; Used to display a static text box, no action required from the user<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-label.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23480\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-label.png\" alt=\"\" width=\"118\" height=\"48\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-protip.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23504 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-protip.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Protip<\/strong> &#8211; Used to mark important information for the end-user, no user action required.<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-protip.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23482\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-protip.png\" alt=\"\" width=\"511\" height=\"87\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UI-notes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23505 aligncenter\" src=\"\/wp-content\/uploads\/sites\/15\/UI-notes.png\" alt=\"\" width=\"16\" height=\"16\" \/><\/a><\/td>\n<td><strong>Note<\/strong> &#8211; Used to mark information for the end-user, no user action required.<\/td>\n<td><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/15\/UIForms-notes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23483\" src=\"\/wp-content\/uploads\/sites\/15\/UIForms-notes.png\" alt=\"\" width=\"510\" height=\"83\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Component_Properties\">Component Properties<\/span><\/h2>\n<p>The following are the properties that can be set for each of the components.<\/p>\n<p><span style=\"text-decoration: underline\">Note<\/span> not all the properties will be valid for all the components, refer to the <a href=\"#Properties\">property matrix<\/a> for the mapping:<\/p>\n<table>\n<thead>\n<tr>\n<th><strong>Property<\/strong><\/th>\n<th><strong>Description<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Display Name<\/strong><\/td>\n<td>This is the text which appears against the component for the end-users.<\/td>\n<\/tr>\n<tr>\n<td><strong>Name<\/strong><\/td>\n<td>This is the reference name that can be used for referencing the component in the other components of the form and form level operations<\/td>\n<\/tr>\n<tr>\n<td><strong>Description<\/strong><\/td>\n<td>Help information about a field to be displayed to the end-user.<\/td>\n<\/tr>\n<tr>\n<td><strong>Placeholder Text<\/strong><\/td>\n<td>A prompt message for the end-user<\/td>\n<\/tr>\n<tr>\n<td><strong>Button Style<\/strong><\/td>\n<td>\n<p>For button component, can be:<\/p>\n<ul>\n<li>Primary,<\/li>\n<li>Secondary,<\/li>\n<li>Tertiary,<\/li>\n<li>Ghost, or<\/li>\n<li>Danger<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Button Action<\/strong><\/td>\n<td>\n<p>For button component, can be:<\/p>\n<ul>\n<li>Submit,<\/li>\n<li>Reset, or<\/li>\n<li>Go to URL &#8211; in this case, you need to enter a URL in the corresponding field.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Read Only<\/strong><\/td>\n<td>To mark the component value as not changeable<\/td>\n<\/tr>\n<tr>\n<td><strong>Required<\/strong><\/td>\n<td>To define whether input for this field is necessary or optional for the end-user entry.<\/td>\n<\/tr>\n<tr>\n<td><strong>Tool-tip<\/strong><\/td>\n<td>\n<p>Additional information about a field to be shown on demand to the end-user. Has three entries:<\/p>\n<ul>\n<li>Tip Text &#8211; text message for the additional information about the component<\/li>\n<li>Tool-tip Type &#8211; whether the tip appears on hover or on click<\/li>\n<li>Tool-tip Position &#8211; where the tooltip should be displayed<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Time<\/strong><\/td>\n<td>To enable the end-user to enter Time along with Date<\/td>\n<\/tr>\n<tr>\n<td><strong>Time Format<\/strong><br \/>\nUsed in conjunction with the above Time property<\/td>\n<td>Time format to be presented to the end-user, can be 12 hrs or 24 hrs<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><strong>Data Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Default Value<\/strong><\/td>\n<td>In case the component needs to be pre-populated with a default value<\/td>\n<\/tr>\n<tr>\n<td><strong>Values<\/strong><\/td>\n<td>For Radio Button, Dropdown and Checkbox, add values to be given for selection by the end-user. You can mark one value as Default value<\/td>\n<\/tr>\n<tr>\n<td><strong>Multi Select<\/strong><\/td>\n<td>For Dropdown, if user can select multiple values.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><strong>Validation Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Default Error Message<\/strong><\/td>\n<td>To be displayed in case user entry fails validation<\/td>\n<\/tr>\n<tr>\n<td><strong>Validate<\/strong><\/td>\n<td>\n<p>To define when the validations defined for a field are to be checked. Options are:<\/p>\n<ul>\n<li>On blur &#8211; Validations would be done when the end-user moves away from the component<\/li>\n<li>On change &#8211; Validations would be done when the component value is changed<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Validation Rule<\/strong><\/td>\n<td>\n<p>Rules in the following format can be added<\/p>\n<ul>\n<li>Operator &#8211; choose from the list<\/li>\n<li>Comparison Type &#8211; set to either value or field\/component or value type<\/li>\n<li>Comparison\u00a0 With &#8211; the value or component name or type, as per the above selection<\/li>\n<\/ul>\n<p>Multiple rules added to an existing rule would be taken as an AND condition, whereas a new rule would be an OR condition. You can add multiple Simple rules or a single Advanced rule by toggling between Simple and Advanced Modes<\/td>\n<\/tr>\n<tr>\n<td><strong>Custom Error Message<\/strong><\/td>\n<td>This would be displayed when a particular validation fails<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><strong>Visibility Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Is Visible<\/strong><\/td>\n<td>Whether the given component is visible to the end-user or not<\/td>\n<\/tr>\n<tr>\n<td><strong>Visibility Rules<\/strong><\/td>\n<td>\n<p>You can define conditions when a particular component would be visible or hidden<\/p>\n<ul>\n<li>Hide or Visible<\/li>\n<li>Add Visibility Rules by defining the following:\n<ul>\n<li>Component\/Field which determines this component behavior- choose from the list<\/li>\n<li>Operator &#8211; choose from the list<\/li>\n<li>Comparison Type &#8211; set to either value or field\/component or value type<\/li>\n<li>Comparison\u00a0 With &#8211; the value or component name or type, as per the above selection<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Multiple rules added to an existing rule would be taken as an AND condition, whereas a new rule would be an OR condition. You can add multiple Simple rules or a single Advanced rule by toggling between Simple and Advanced Modes<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><strong>Auto Populate<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Auto Population<\/strong><\/td>\n<td>Whether the given component should be auto-populated or not<\/td>\n<\/tr>\n<tr>\n<td><strong>Auto population rules<\/strong><\/td>\n<td>\n<ul>\n<li>Field or Value from which to auto-populate<\/li>\n<li>Field name or the actual value based on the above selection<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h2><span class=\"ez-toc-section\" id=\"Component_Mappings\">Component Mappings<\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Properties\">Properties<\/span><\/h3>\n<h4>Basic<\/h4>\n<table>\n<thead>\n<tr>\n<th>Property<\/th>\n<th>Text Field<\/th>\n<th>Text Area<\/th>\n<th>Number<\/th>\n<th>Radio Button<\/th>\n<th>Check<br \/>\nbox<\/th>\n<th>Drop<br \/>\ndown<\/th>\n<th>Date<\/th>\n<th>Phone Number<\/th>\n<th>Email<\/th>\n<th>Address<\/th>\n<th>URL<\/th>\n<th>Toggle<\/th>\n<th>Range Slider<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td colspan=\"12\"><strong>General Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Display Name<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Name<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Description<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Placeholder Text<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Read Only<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Required<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td colspan=\"12\"><strong>Tool-tip<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Tip Text<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Tool-tip Type<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Tool-tip Position<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Time &amp;<br \/>\nTime Format<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td colspan=\"12\"><strong>Data Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Data Source<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Default Value<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Multiselect<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td colspan=\"12\"><strong>Auto Fill<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Auto Populate<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Auto Populate Settings<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td colspan=\"12\"><strong>Visibility Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Is Visible<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Visibility Settings<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td colspan=\"12\"><strong>Validations<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Default Error Message<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Validate<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Equals To<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>TBD<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Not equal to<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Contains<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Does not contain<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Regex<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Max Length<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Min Length<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Part of<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Not part of<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Greater than<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Less than<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Greater than or equal to<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Less than or equal to<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Advanced<\/h4>\n<table>\n<thead>\n<tr>\n<th>Property<\/th>\n<th>Button<\/th>\n<th>RichText<\/th>\n<th>Pro-tip<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td colspan=\"5\"><strong>General Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Display Name<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Name<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Description<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Placeholder Text<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Tool-tip<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Error Message<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Required<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Validate<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Read Only<\/strong><\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Action Type<\/strong> (Submit, Reset, Clear)<\/td>\n<td>Yes<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td colspan=\"5\"><strong>Data Settings<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Data Source<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Default Value<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td colspan=\"5\"><strong>Auto Fill<\/strong><\/td>\n<td><\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><strong>Auto Populate<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Auto Populate Settings<\/strong><\/td>\n<td>No<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td colspan=\"5\"><strong><strong>Visibility Settings<\/strong><\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Is Visible<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr>\n<td><strong>Visibility Settings<\/strong><\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<td>Yes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"Dialog_Node\">Dialog Node<\/span><\/h3>\n<p>The following mapping gives the type of entities included in the sub-dialog when it is auto-generated from a Digital Form<\/p>\n<table>\n<thead>\n<tr>\n<th><b>Form Component Property<\/b><\/th>\n<th>Dialog Task Node Property<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Name<\/td>\n<td>Name<\/td>\n<\/tr>\n<tr>\n<td>Display Name<\/td>\n<td>Display Name<\/td>\n<\/tr>\n<tr>\n<td>Placeholder Text<\/td>\n<td>Entity Prompt<\/td>\n<\/tr>\n<tr>\n<td>Error Message<\/td>\n<td>Error Prompt<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table>\n<thead>\n<tr>\n<th>Digital Form Component Type<\/th>\n<th>Dialog Task<br \/>\nNode Type<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Text Field<\/td>\n<td><span style=\"font-weight: 400\">String<\/span><\/td>\n<\/tr>\n<tr>\n<td>Text Area<\/td>\n<td><span style=\"font-weight: 400\">Description<\/span><\/td>\n<\/tr>\n<tr>\n<td>Number<\/td>\n<td><span style=\"font-weight: 400\">Number<\/span><\/td>\n<\/tr>\n<tr>\n<td>Radio Button<\/td>\n<td>LoI (Enum) with each of the options in the radio button group copied as list items<\/td>\n<\/tr>\n<tr>\n<td>Dropdown<\/td>\n<td>LoI (Enum) with each of the values in the dropdown list copied as list items.<br \/>\nMulti-select would be enabled based on the \u2018is multi-select\u2019 option of the Form Component<\/td>\n<\/tr>\n<tr>\n<td>Checkbox<\/td>\n<td>LoI (Enum) with each of the options in the checkbox group copied as list items<br \/>\nMulti-select is enabled by default<\/td>\n<\/tr>\n<tr>\n<td>Date<\/td>\n<td>Date<\/td>\n<\/tr>\n<tr>\n<td>Phone Number<\/td>\n<td>Phone Number<\/td>\n<\/tr>\n<tr>\n<td>Email<\/td>\n<td>Email<\/td>\n<\/tr>\n<tr>\n<td>Address<\/td>\n<td>Address<\/td>\n<\/tr>\n<tr>\n<td>URL<\/td>\n<td>URL<\/td>\n<\/tr>\n<tr>\n<td>Toggle<\/td>\n<td>LoI (Enum) with each of the options in the toggle copied as list items<\/td>\n<\/tr>\n<tr>\n<td>Range Slider<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><strong>Advanced<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Button<\/td>\n<td>Not Applicable<\/td>\n<\/tr>\n<tr>\n<td>Label<\/td>\n<td><span style=\"font-weight: 400\">Not Applicable<\/span><\/td>\n<\/tr>\n<tr>\n<td>Protip<\/td>\n<td><span style=\"font-weight: 400\">Not Applicable<\/span><\/td>\n<\/tr>\n<tr>\n<td>Note<\/td>\n<td><span style=\"font-weight: 400\">Not Applicable<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h3><span class=\"ez-toc-section\" id=\"Context_Object\">Context Object<\/span><\/h3>\n<p>The following mapping gives the context object to capture the component value along with a sample context object.<\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"g-cols wpb_row  type_default valign_top vc_inner \"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<table>\n<thead>\n<tr>\n<th>Component Type<\/th>\n<th>Context Object<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Text Field<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Text Area<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Number<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Radio Button<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Dropdown<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;[&lt;index&gt;]<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Checkbox<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;[&lt;index&gt;]<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Date<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><br \/>\nIn mm\/dd\/yyyy format<\/span><\/td>\n<\/tr>\n<tr>\n<td>Date &amp; Time<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><br \/>\nIn mm\/dd\/yyyy hh:mm AM\/PM format<\/span><\/td>\n<\/tr>\n<tr>\n<td>Phone Number<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><br \/>\nprefixed with the area code of the country selected by the user<\/span><\/td>\n<\/tr>\n<tr>\n<td>Email<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Address<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>URL<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<tr>\n<td>Toggle<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><br \/>\nYes\/No values<\/td>\n<\/tr>\n<tr>\n<td>Range Slider<\/td>\n<td><span style=\"font-weight: 400\"><code>context.forms.&lt;form_name&gt;.&lt;component_name&gt;<\/code><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p>&nbsp;<\/p>\n<table>\n<thead>\n<tr>\n<th>Sample Context Object<\/th>\n<\/tr>\n<\/thead>\n<\/table>\n<pre>\"forms\": {\r\n    \"basicpropertieslist\": {\r\n      \"TextField\": \"text\",\r\n      \"Textarea\": \"text area\",\r\n      \"Number\": 123,\r\n      \"Radio\": \"Male\",\r\n      \"Dropbox\": [\r\n        \"UnderGrad\",\r\n        \"Other\"\r\n      ],\r\n      \"Checkbox\": [\r\n        \"Education\",\r\n        \"Technology\"\r\n      ],\r\n      \"Date\": \"07\/08\/2020\",\r\n      \"Date&amp;Time\": \"07\/08\/2020 19:00 PM\",\r\n      \"PhoneNumber\": \"+919999999999\",\r\n      \"Email\": \"test@gmail.com\",\r\n      \"toggle\": \"Yes\",\r\n      \"Adress\": \"Address\",\r\n      \"Url\": \"test.com\",\r\n      \"rangeSlider\": 26.1\r\n    }\r\n  }<\/pre>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h1><span class=\"ez-toc-section\" id=\"Limitations\">Limitations<\/span><\/h1>\n<ul>\n<li>Digital\u00a0Forms will not work as expected on the following channels:\n<ul>\n<li>Amazon Alexa<\/li>\n<li>Cisco Jabber<\/li>\n<li>Google Assistant<\/li>\n<li>IVR Voice<\/li>\n<li>Twilio Voice<\/li>\n<li>Webhook (synchronous)<\/li>\n<\/ul>\n<p>You are advised to choose the Conversation Experience for these channels.<\/li>\n<li>Digital Forms created in the parent bot will not be inherited to <strong>Smart Bots<\/strong>.<\/li>\n<li>The Digital Forms functionality will not be applicable for <strong>Universal Bots<\/strong>.<\/li>\n<\/ul>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"This feature was released with v7.3 of the platform and is in (beta) state. The Virtual Agents engage end-users primarily using a conversational interface that typically includes an exchange of a series of messages. But oftentimes, there is a need to gather information from the end-user to proceed further. Examples include providing delivery address while...","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-23741","post","type-post","status-publish","format-standard","hentry","category-bot-builder-tool"],"_links":{"self":[{"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/posts\/23741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/comments?post=23741"}],"version-history":[{"count":10,"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/posts\/23741\/revisions"}],"predecessor-version":[{"id":24799,"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/posts\/23741\/revisions\/24799"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/media?parent=23741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/categories?post=23741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-3\/wp-json\/wp\/v2\/tags?post=23741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}