Predefining a large number of custom entries in predefined text fields (Form Builder) | FB_027

We will begin by uploading our CSV to the Infigo system. This is done in the Global Additional Data section. If you cannot access this on your Storefront, please contact Customer Support who can enable it for you.

Data should be within "Label" and "Value" columns.

The Label is the string displayed in the user-facing form.

The Value is the string displayed within the field on the canvas.

Next, we'll navigate to the Form Builder script config for our product

The format shown below will ensure a predefinedText entry which is looking at your uploaded CSV for its values.

The available fields are:

• customTargetTag | This is the name assigned to this predefinedText option. This will be visible in the UI when configuring your product using the Form Builder

• useCSV | a true or false value stating if an uploaded CSV is to be read

• csvPath | Enter the name of your CSV as it was uploaded to the Global Additional Data area, including the ".csv" extension

• useDialog | A true or false value that will activate a user friendly dialog to navigate through the options, instead of a simple dropdown list

• showSearch | A true or false value that will activate a search feature within the dialog, allowing your users to quickly sift through large amounts of provided data from your CSV.

• dialogTitle | A named title given to the dialog pop up, useful for providing instruction

Here is the format, suitable for copy/pasting:

{

predefinedText: [

{

"customTargetTag": "",

"useCSV": ,

"csvPath": "",

"useDialog": true,

"showSearch": true,

"dialogTitle": ""

}

],

}

In our example, the CallingCodes name is available, taken from the customerTargetTag line of our script config.

Remember that the usual formatting options are still available when using predefined text. Here, for example, we will restrict our end users from modifying the fields formatting.

Clicking this will result in different behaviour based on whether you requested a dialog or not.

By default, this will display a dropdown list. If a dialog was enabled, a separate window will appear.