UI Controls in Input Parameters


Overview


UI Controls help you to build next generation digital experience for your customers. UI Controls is available as part of the Variable Type for Input Parameter - Conversation node.

Supported controls


List (Buttons)


This control should be used when you want user to select an option from set of options. Ideally this control should be used for selection between 2 - 5 options.

Text under Field Title are displayed to the customer. Depending on the selection the respective Field Value is assigned to the variable indicated by Variable Name. This value can be then consumed by other nodes to perform various operations.

List (Buttons) configuration


List (Buttons) view in Chat bot Window


Radio Control


This control should be used when you want user to select an option from set of options. Ideally this control should be used for selection between 2 - 5 options.

Text under Field Title are displayed to the customer. Depending on the selection the respective Field Value is assigned to the variable indicated by Variable Name. This value can be then consumed by other nodes to perform various operations.

Radio Control configuration


Radio Control view in Chat bot Window


Checkbox


This control should be used when you want user to select multiple options from set of options. Ideally this control should be used for selection between 2 - 5 options.

Text under Field Title are displayed to the customer. Depending on the selection the respective Field Values separated by comma are assigned to the variable indicated by Variable Name. This value can be then consumed by other nodes to perform various operations.

Checkbox configuration


Checkbox view in Chat bot Window


Single Select


This control should be used when you want user to select an option from a large set of options. Ideally this control should be used for selection from more than 5 options.

Text under Field Title are displayed to the customer. Depending on the selection the respective Field Value is assigned to the variable indicated by Variable Name. This value can be then consumed by other nodes to perform various operations.

Single Select configuration


Single Select view in Chat bot Window


DatePicker


This control should be used when you want user to select a date. DatePicker control can be configured to restrict date section from a date range.

The date selected by the user is populated under the variable name. The format of the date is as per selection in the Date Format Field.

Date Format


Select a date format from predefined list.

Start Date


Define start range for date picker. If empty, then there is no restriction on start date.

Example
If you want to start date 15 years prior to the current date then you can use value -15y.

End Date


Define end range for date picker. If empty, then there is no restriction on end date.

Example
If you want to end date 6 months from the current date then you can use value +6m.

Start and End Date supported format


y (Year), m (month), d (day), w(week), + (in future), - (in past).

So,
+15y -- 15 years from current date.
-15y -- 15 years prior current date.
+6m -- 6 months from current date.
-6m -- 6 months prior current date.
+30d -- 30 days from current date.
-30d -- 30 days prior current date.
+2w -- 2 week from current date.
-2w -- 2 week prior current date.

Date configuration


Date view in Chat bot Window


Single Value Slider


This control should be used when you want user to select a value from a range.

Min


Minimum value for the slider.

Max


Maximum value for the slider.

Prefix


Prefix for the value like for currency Rs, $, etc. This can also be used for Date range like Yrs, etc.

Single Value Slider configuration


Single Value Slider in Chat bot Window


Double Value Slider (Range Selector)


This control should be used when you want user to select a range.

Min


Minimum value for the slider.

Max


Maximum value for the slider.

Prefix


Prefix for the value like for currency Rs, $, etc. This can also be used for Date range like Yrs, etc.

To


Default selected value for start range.

From


Default selected value for end range.

Double Value Slider configuration


Double Value Slider in Chat bot Window


Upload through data file


If number of values to be required are more, you can upload the data through xls or xlsx file. The upload option is available for controls which required FIELD TITLE and FIELD VALUE columns. Upload options is available in List(Buttons), Radio, Checkbox, Single Select View and Multi Select View.