diff --git a/README.md b/README.md index 6a53ec1..0975efd 100644 --- a/README.md +++ b/README.md @@ -4,3 +4,4 @@ Enhance the usability and functionality of ProcessMaker. These templates offer s - **[Expense Report]** (Version 3.2.8) - **[Guided Invoice Approval]** (Version 2.2.0) - **[Non-PO Invoice Approval]** (Version 1.9.4) +- **[Smart Surveys]** (Version 1.0.0) diff --git a/accounting-and-finance/smart_surveys/assets/.DS_Store b/accounting-and-finance/smart_surveys/assets/.DS_Store new file mode 100644 index 0000000..328e0df Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/.DS_Store differ diff --git a/accounting-and-finance/smart_surveys/assets/card-background.png b/accounting-and-finance/smart_surveys/assets/card-background.png new file mode 100644 index 0000000..3d4870b Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/card-background.png differ diff --git a/accounting-and-finance/smart_surveys/assets/icon.png b/accounting-and-finance/smart_surveys/assets/icon.png new file mode 100644 index 0000000..04124d3 Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/icon.png differ diff --git a/accounting-and-finance/smart_surveys/assets/launchpad/.DS_Store b/accounting-and-finance/smart_surveys/assets/launchpad/.DS_Store new file mode 100644 index 0000000..25a5153 Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/launchpad/.DS_Store differ diff --git a/accounting-and-finance/smart_surveys/assets/launchpad/slides/launchpad-slide1.png b/accounting-and-finance/smart_surveys/assets/launchpad/slides/launchpad-slide1.png new file mode 100644 index 0000000..44818b4 Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/launchpad/slides/launchpad-slide1.png differ diff --git a/accounting-and-finance/smart_surveys/assets/list-icon.png b/accounting-and-finance/smart_surveys/assets/list-icon.png new file mode 100644 index 0000000..9872cb9 Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/list-icon.png differ diff --git a/accounting-and-finance/smart_surveys/assets/slides/.DS_Store b/accounting-and-finance/smart_surveys/assets/slides/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/slides/.DS_Store differ diff --git a/accounting-and-finance/smart_surveys/assets/slides/slide1.png b/accounting-and-finance/smart_surveys/assets/slides/slide1.png new file mode 100644 index 0000000..d746708 Binary files /dev/null and b/accounting-and-finance/smart_surveys/assets/slides/slide1.png differ diff --git a/accounting-and-finance/smart_surveys/process_helper_export.json b/accounting-and-finance/smart_surveys/process_helper_export.json new file mode 100644 index 0000000..b1870f6 --- /dev/null +++ b/accounting-and-finance/smart_surveys/process_helper_export.json @@ -0,0 +1 @@ +{"type":"process_package","version":"2","root":"9da19ea8-55d6-45bc-85df-5c46c1e61141","name":"Smart Surveys Helper","export":{"9da19ea8-55d6-45bc-85df-5c46c1e61141":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessExporter","type":"Process","type_human":"Process","type_plural":"Processes","type_human_plural":"Processes","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Process","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9c8d6199-65d1-465f-b8c1-4acb5d9691c5","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"edwin.choque@processmaker.com","username":"edwin.choque"},"name":"","discard":false},{"type":"manager","uuid":"9c8c55da-4a98-4639-9311-fc6d9790698c","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"admin@processmaker.com","username":"admin"},"name":"","discard":false},{"type":"screens","uuid":"9da12f88-7c56-41ad-980f-8031c47ae895","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"SG - Helper Screen"},"name":"SG - Helper Screen","discard":false},{"type":"scripts","uuid":"9da135ae-f28c-4df0-b479-3cbb5ede4dc1","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"SG - Helper Create Collections"},"name":"SG - Helper Create Collections","discard":false},{"type":"process_launchpad","uuid":"9da1a16b-503b-4618-b23c-d6c61ec707ef","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","modelClass":"ProcessMaker\\Models\\ProcessLaunchpad","fallbackMatches":[],"name":"Setting","discard":false}],"name":"Smart Surveys Helper","description":"Survey Generator Helper","process_manager":"Admin User","process_manager_id":1,"attributes":{"id":191,"uuid":"9da19ea8-55d6-45bc-85df-5c46c1e61141","process_category_id":2,"user_id":5,"bpmn":"\n\n \n \n node_24<\/bpmn:outgoing>\n <\/bpmn:startEvent>\n \n node_24<\/bpmn:incoming>\n node_33<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_37<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n \n node_33<\/bpmn:incoming>\n node_37<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n <\/bpmn:process>\n \n \n <\/bpmn:collaboration>\n \n \n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n <\/bpmndi:BPMNPlane>\n <\/bpmndi:BPMNDiagram>\n<\/bpmn:definitions>","description":"Survey Generator Helper","name":"Smart Surveys Helper","cancel_screen_id":null,"request_detail_screen_id":null,"status":"ACTIVE","is_valid":1,"package_key":null,"pause_timer_start":0,"deleted_at":null,"created_at":"2024-12-02 21:26:11","updated_at":"2024-12-04 18:59:29","updated_by":5,"start_events":"[{\"id\": \"node_2\", \"name\": \"Start Event\", \"config\": \"{\\\"web_entry\\\":null}\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [], \"ownerProcessName\": \"ProcessName\", \"allowInterstitial\": \"true\", \"interstitialScreenRef\": \"\"}]","warnings":null,"self_service_tasks":"[]","svg":"<\/marker><\/marker><\/marker><\/marker><\/defs>Pool<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End\u00a0Event<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Create<\/tspan>collections<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Start\u00a0Event<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>Finish<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>



<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

{{errorMessage}}<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"uploadError\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Smart Surveys<\/p>\\n

Let’s set up the process to work for you. Complete this guided setup wizard once, and you’ll be ready to share it with collaborators:<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"one\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBtZY9S8RAEIZnj0MQLaKFqNVpKYLaC2phKQpWdv4D01rlKmutRe5srfzojSI2Imgh2Ki5SsTCXGE\/N7PZ++C4m9xesg9MstnMzruzG3YCIICIHllAFpJF2CY2fT5ZCWzhQSbAoFQGFiLHAzNDW3iMnxY8wOwE0szzopWJaq453V7IPEjh7edL3+cmZ2BsZLSfW51sRSlVK5qOIC34738MR+E5RH\/f+vl091AS4FgVso2imf0+iLP+hJPHCy1iwTrF9jiDHcnr+v0Bzp5udHtqfMJWxC\/QZVvyUKi3CfaWNrVZssYZLEseWwursDg9T5s6C7cfz2BJiTNI\/XI4+JBoAaewQA3cUXct8MoC9+COKxY4BndcFui84HPjDvKnymeRbmFSYIapAf2IsbsAYVL+8qJ34aEXZcxOWVw4TDJxUzI7RHhPqhbBQ8zwd+GbAJ1ZRaaPl1Q8yxqNiuv0o\/XXeQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Finish<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"left-hint-current\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"card-container-verification\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"line\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGvCAYAAACadL+jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAlSURBVHgB7cQxDQAwCAAwMv\/WJgELWABEcLZH42f1iyVJknTeAF2JBvTB8e8OAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"check\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAsVSURBVHgB5Vy9bxzXEZ95eyHv6BQ8SZZF2oGOQDoXPPdOTBa2StNNkE5UlcCNqBRpefoLRBYJkkpSFSCNpHSGC56DACmCQCRgdw50QhJRkkUdHTjiHXX7xjO793bf7u19733RP0Di7u3H7f5u3sy8eTODMAE8oupitgZFB2GVUBeBcJEAiv5RKtjnIsAxIVaA4BgU7SutKi7BQS0L+yuYP4YxA2FMODyprqGjP2Zy1oCoCGkAcR+QyuSqB0u5fBnGgJESxiQVlIKrQHqLJWgRRosKIpS1VjeZvAqMCCMhzJMmpG0eXmsdTjvgF3yIpPYb6D5G\/XpfPlzKLVWi9zosOK6z6Dq46GBmtQHuigKU+662uzEC3teEu6OQulQJ60QUv8SxC\/ouEt2vZTND6x\/Rg\/On7hpq2EBUH8R1X\/Nby0R4LU2JS4UwefiFU32LCDbjx4joC\/6\/tJR7swwjxJP6iw2H1FUC2ogfY0m+k9ZQHZow\/0HxdlxHdXtI0W\/8RwzBKmosEEKBLeFiq6SwhUQ4RoKKJjogpfZZqvY739ctIeLV2KGKUqp0cS5\/F4bAwISJVOVewzZovWV\/7kuUs5n0QoGl1LiRPIT6glHyd5N0VTviFMDO\/+fVzUFVwkCEycMg6j3eLFi3qhC51+JDzx+ucH3EltKTHteFL+I\/1OHJi03WcduxH4ifVa0PMkT7Juz5d9Wizuh7YJGlgXbr807J\/tXGRFQE4uTyvzsuqV2bjCo\/y0ndLbF1vW6dXlEN95OLP764D32gL8KELMroPUOAWD7S7s1LC2\/uRM6rVa8T6NK4iEpAhX\/F3UsL5yPP9aR2tMVD8pbZR9GNr931fkjrmbA4WTIEVQP5F8oHX+YPVbrdxf8aJ1qG3vPvnvMIydwzQ7Rf0lQvJyWRxf7Nuk2WSJVC\/XCKyBLwTEM\/fPrqKDBMQow8u2d9QYwULNKPnD0hspcbdpWwVgXvk2X\/ak9Pq7fi1nLawIq\/9NZ8\/qbZb46GPcsY9GQIOhLmuQ51kZpkspqKnR1WvQkzAPENX82pG8Y4JZF2Mq\/e6+RydBySnp9lWUPRWTZZuVMepjNClkBmIrlT2pNnl315F9VofCLWtXlK4Y263u50j7aEif8SGWZa37B1lkgWe+bphGnGCQ4tyTTO7IpOcwGCoaoBtmT20u7yxCEZ11viZy1nLwTkPatXt1mySjDDEI\/\/Yvb8DbP\/pPZix\/hpYjl56K4kDc1ECWPLYg1FrIhTao55PtaMkyUQSbKtZ857x9By2lJoo0XCmtL1yOzzlGPTTFi9gCC7DhN0SFOFSBLPRd8zevnw5BsOT6k9c5wFYz0+1VOtNxHHM7jhHXt2L8P0rJAlEEmy39cnB8tmH9FpMQARwiSaYDueEp4x2zIUITLZPiugNXtoSsDRPiZSZ58dIQwVBZNTka5QVKsFDdPtmA4DdGDbdjU4RGWNqqiUBYR58SMKo5W2dPENz6h0+ZChma3ZAhEaOV\/KvGCnh4CwpmX0oemBLV2oZ8c5HRS8unXdljJblzEhm8F5ZoNZXjPbHA6+E57srp0lRd8OcSnjYGgwwoRMs+25Ff5qj26aU6xcyp5bMSc8rR2Ji1GAHwDEzXhr\/nze7D+rHVWNsBgXw5MwXq7fCC+istn2rebskPXk1RP4\/Vd\/hN\/8\/bfe32q92tf1ImW2VeQpU6D8CZXHkUeYg\/hBcFWDHphN1mtXYUYgZP3uqz\/A1\/\/7l7cvf\/\/09Z+hXxhiBEj6vtl2wOdISbybrFyHVwtOObjY0mvTDEPWSaMW+dyQ1w9Ygj4221lecDbbvN5ZFKOgarUw4sAx+n07VgQzMBzbkSV4+41lGAAF40bkmQuUhJcmsrVGUbHYBYS5IGuKPki5Ux+66URWLpODX\/70FzAY3DWzpbU+MNtIqqi0sgKEmldbzEGNU01YN7I+ffdX8PbCQBLGeix8d6RQwtiBX2UXA1fDE3V4UOEqTClGSZZA6XDRVztUMdvkUl6x7xE4pY6bCQJmOKX6a9RkCVCpy8G2dsLlNxYixaawYPZdJ4htez4JTBnGQZaALWLbd0f25MnsXMqeDwKK9ufTgHGRZdCOiwyMAJ\/9+3PvBc\/NnYOPfvIhv1AWhsG4yeqE1Am7X\/kL\/PXwb8G+OI+fvvvrgUmbJrIEPaUK9AObLMF\/vfld8gt3w7SRJVBmpURgB8rsz\/tBkiQNQtqEyaqYDZsTiWa0lTA5CAPgyjsfJX7eD2mTlixJ4zLb7DmEFpOwwn4rBH6G0uF0iCyW+8HPl96HK6zok9ALadMwDEnrx2bbcUPCNOlvFR\/8NjgRsRAepMcwIK688+FApE2LziJrwm3PteVzFZ8rhSdSX6mMcfRL2jQpeJ4aBe8en2sre\/7IFFoT7jAuNih6JW3arKFW4XTIDq4KVygBxHpdB7Hck3mVNzGxp7WXj1JID4fP\/vO558wmQYh4efpyilyHcE0jiRuVFCQz2xrCcPUw6CZp0+Rn2WsaJ6dhXMwEVz23wiUrcNgmpj0sOpEWx6TIEnDAMFj44Dh+EK42wVWPsEiwHyFY+JBlJSs7b2j0QtokyZLhaGfrRNdqfY48wmxi4ktNmmAXUkQn0iZLlqySYclsN7MQC\/5eSGTg6dvE2AkY2azaSVPKBEmkTZosmdlI6Y3ZV6CuhsdCvRbEfOKJdERqJcyvOCrxDbchZfzjm3\/Cly+\/hJyTg58tvz8xsgR2WmonLiIZiOxG7Jn8MEl34mVzL1dKzOtpXT86uzkW0XT6Z\/Wj20Htp6YHlxYuBIYwMvm2EzDkAnt9zs40PnPQ7q6drWQXyhLSjn1qhLDWlMUwnXE5K4VOdgrQWQE7qlZxmZ32JbWfXXNcbSmLpyxKOmPaBmCS8KrxvLojH1KbEC3Ddjbj17QQJoxGUxbVbTvR7CwNTSldtCtbeMYTSJedsmojMYCYzTpb7cpJZGiKRYEZB5GO1HlGy4SwYqes2kgkzFPySEE2cbwIQMyvLYWzBnl2Hkkls+9liFtlQuLAtqtq61jNFi8nsQsxPVfjlPYorbYw4wIHGk7mcN1EZJol2Q\/N4XiZUBydq9li5SQ649yzXY05\/uJZkjR5VpssL53er19vIlomlIQeC0w7F2KyJS35lfvTi7jk9FI4m4Su65JJNYXyRfbyk+gD1nM3ptHl8FaAtL7RiSw5x64F7Xy\/HiE10ZRx7FqjljYGCdI4USQ1HYm3kRCysBGtX++Enle+hRhsuOu2pLFOixSgy4NJeFekbdCF4DRgpGopd2EtQpaULmaiktUPWf41fSLexkCQ1J7Fm5Ohu+WA10BoLJN2IUCTu1vLZnbiTUda2960tpHo7TsGQJuhl9gMqNkDZy2hnUtqaEdU8\/ulaEPmxAXrip4UfPJ3DYg27Vk6dnXy56W42b7fV+9gN+cxRxLuSz+ypFZb7ZqOJLW96QcDExY+WGIzoJ7aYUmmtiQfK8RVHrYrfsEnXLbPE2I8pxnwkQv6MZKkNrwuxzvZ2feViEO8l5nX8A31teX5C0Mt7AxNmKBDzy6vvZ6LeHd5Pp\/aClSbZ2jfHS\/Wr2IYpEKYQZfeOxXp9+WCelCfg3IaLf2ktan0I0MNm0nR4FF0x0uVMAPRVQqd60nt9cJv9luKmr6sjsuLEA4ct\/b\/8h1kUlDMEFyWvq8EWOzU2nSUbQRHQphBOFSHV\/LdYCwlQObOzLUlTYJIHSFudGsp2icO2OqV21nKUWBshNnw9U+jGPZlVUwg5VlKLsedXLGS8pct6UMewsfS99WlxkEarU0HwfcWdRHF3iKn9wAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false, \"customCssSelector\": \"check\"}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Setup complete<\/p>\\n

Almost finished! You’re ready to launch.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"message\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": null, \"event\": \"submit\", \"label\": \"SAVE AND FINISH\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"btn-bx1\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"5\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"5\"}], \"customCssSelector\": \"container\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}]}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"body-container\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: left;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n background-color: #2381C8;\r\n border-radius: 8px;\r\n border-color: #2381C8;\r\n width: 170px;\r\n text-transform: none;\r\n height: 40px;\r\n font-weight: bold;\r\n padding: 0px 15px 0px 15px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #4EA075;\r\n height: 52px;\r\n width: 330px;\r\n border-radius: 10px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-current'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-current'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] p {\r\n font-size: 19px; \r\n line-height: 25.87px; \r\n font-weight: 600; \r\n color: white;\r\n}\r\n\r\n[selector='left-hint-done'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint-done'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-done'] img {\r\n height: 20px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-done'] p {\r\n font-size: 16px; \r\n line-height: 21.79px; \r\n font-weight: 600; \r\n color: #4EA075;\r\n}\r\n\r\n[selector='left-hint-fill'] {\r\n height: 50px;\r\n width: 400px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-fill'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-fill'] img {\r\n height: 50px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='arrow-button'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='arrow-button'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 68.75px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(\/public-files\/PLG_assets\/Frame%201171275558.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='check'] {\r\n text-align: center;\r\n}\r\n\r\n[selector='message'] {\r\n text-align: center;\r\n}","created_at":"2024-12-02 16:15:27","updated_at":"2024-12-02 16:30:15","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":null},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9da135ae-f28c-4df0-b479-3cbb5ede4dc1":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"Edwin Choque","last_modified_by_id":5,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9c8c55da-4a98-4639-9311-fc6d9790698c","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"admin@processmaker.com","username":"admin"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"SG - Helper Create Collections","description":"SG - Helper Create Collections","process_manager":"","process_manager_id":null,"attributes":{"id":982,"uuid":"9da135ae-f28c-4df0-b479-3cbb5ede4dc1","key":null,"title":"SG - Helper Create Collections","description":"SG - Helper Create Collections","language":"php","code":"users()->getUserById(1)['email'] \n * API Documentation https:\/\/github.com\/ProcessMaker\/docker-executor-php\/tree\/master\/docs\/sdk \n *\/\n\n\/*Init Guzzle (use endpoint) and set options *\/\n$guzzleClient = new \\GuzzleHttp\\Client(['base_uri'=> $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\n\/*Get Guided Template Collection Id*\/\n\n$guzzleApi = '\/api\/1.0\/collections\/guided-template';\n\ntry {\n $guidedTemplateId = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $collectionId = json_decode($guidedTemplateId->getBody()->getContents());\n} catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n}\n\n\/\/ Get the helper process request ID stored in the process properties\n\n$process_launchpad_id = $data['process_launchpad_id'];\n$guzzleApi = '\/api\/1.0\/processes\/' . $process_launchpad_id;\n\n$res = $guzzleClient->request(\"GET\", $guzzleApi, $guzzleOptions);\n$process = json_decode($res->getBody(), true);\n\n\/* Add options for Guzzle request *\/\n$guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records';\n\n\/* Check if helperProcessRequestId exists to update or create a new record *\/\nif(isset($process['properties']['helperProcessRequestId'])) {\n $helperProcessRequestId = $process['properties']['helperProcessRequestId'];\n\n $guzzleApi .= '?pmql=data.helperProcessRequestId%20=%20%22' . $helperProcessRequestId . '%22';\n \n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $existingRecordRes = json_decode($res->getBody(), true)[\"data\"];\n $existingRecordID = $existingRecordRes[0][\"id\"];\n $recordInfo['helperProcessRequestId'] = $helperProcessRequestId;\n\n \/* Edit options for Guzzle request *\/\n $guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records\/' . $existingRecordID; \n $guzzleMethod = \"PUT\";\n } catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n} else {\n $recordInfo['helperProcessRequestId'] = $data[\"_request\"][\"id\"];\n $guzzleMethod = \"POST\";\n}\n\n$recordInfo[\"processName\"] = \"Smart Surveys\";\n$recordInfo[\"surveysCollectionId\"] = createCollection(\"Surveys\");\n$recordInfo[\"answersCollectionId\"] = createCollection(\"Surveys answers\");\n$recordInfo[\"whiteListCollectionId\"] = createCollection(\"Surveys invitees\");\n\n$guzzleOptions['json'] = $recordInfo;\n\n\/* Update or Save data on Collection *\/\ntry {\n $res = $guzzleClient->request($guzzleMethod, $guzzleApi, $guzzleOptions);\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n\nif ($res->getStatusCode() == 201 || $res->getStatusCode() == 204) { \n return [\n \"setupComplete\" => \"yes\",\n \"helperProcessRequestId\" => $recordInfo['helperProcessRequestId']\n ];\n}\n\nfunction createCollection($title) {\n global $guzzleClient,$guzzleOptions;\n\n $date = new DateTime();\n $name = $title . \" \". $date->format('YmdHis');\n\n \/\/ screen fields here\n $screenData = [\n \"title\" => $name . \" edit\",\n \"type\" => \"FORM\",\n \"description\" => $name . \" edit\",\n \"projects\" => [],\n \"screen_category_id\" => \"1\",\n ];\n\n \/\/ screen view fields here\n $screenViewData = [\n \"title\" => $name . \" view\",\n \"type\" => \"DISPLAY\",\n \"description\" => $name . \" view\",\n \"projects\" => [],\n \"screen_category_id\" => \"1\",\n ];\n\n \/\/creates a new screen adn view Screen\n $editScreen = createScreenGlCode($screenData);\n $viewScreen = createScreenGlCode($screenViewData);\n\n \/\/create collection\n $creationGlCodeCollection = createCollectionGlColde($name, $editScreen, $viewScreen);\n\n $guzzleApi = '\/api\/1.0\/collections\/?filter=' . $name;\n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n return $dataResult = json_decode($res->getBody(), true)[\"data\"][0][\"id\"];\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n}\n\nfunction createScreenGlCode($screenData){\n global $guzzleClient,$guzzleOptions;\n\n $name =$screenData[\"title\"];\n $guzzleApi = '\/api\/1.0\/screens\/?filter='.$name;\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $result = json_decode($res->getBody(), true)[\"data\"];\n\n if(count($result)>0){\n return $result[0]['id'];\n }else{\n try {\n $guzzleApi = '\/api\/1.0\/screens\/';\n $guzzleOptions['json'] = $screenData;\n $response = $guzzleClient->request('POST', $guzzleApi, $guzzleOptions);\n return $result = json_decode($response->getBody(), true)['id'];\n }catch (BadResponseException $e) {\n return [\n 'error' => [\n 'code' => $e->getCode(),\n 'message' => json_decode($e->getResponse()->getBody()->getContents(), true)\n ]\n ];\n }\n } \n}\n\nfunction createCollectionGlColde($name,$editScreen, $viewScreen){\n global $guzzleClient,$guzzleOptions;\n\n $guzzleApi = '\/api\/1.0\/collections';\n $params =[\n \"name\" => $name,\n \"description\" => $name,\n \"custom_title\" => \"My New collection\",\n \"create_screen_id\" => $editScreen,\n \"read_screen_id\" => $viewScreen,\n \"update_screen_id\" => $editScreen,\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ];\n\n $guzzleOptions['json'] = $params;\n try {\n $res = $guzzleClient->request('POST', $guzzleApi, $guzzleOptions);\n return $dataResult = json_decode($res->getBody(), true)[\"data\"];\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-12-02 16:32:39","updated_at":"2024-12-02 20:30:23","status":"ACTIVE","script_category_id":1,"script_executor_id":7,"is_template":0,"asset_type":null},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9acb37b3-a8ed-49dc-b4de-f686ad4e286f":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","type":"ScriptExecutor","type_human":"Script Executor","type_plural":"ScriptExecutors","type_human_plural":"Script Executors","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScriptExecutor","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","process_manager":"","process_manager_id":null,"attributes":{"id":7,"uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","title":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","language":"php","config":"RUN composer require aws\/aws-sdk-php:3.226.0","is_system":0,"created_at":"2023-12-07 19:07:15","updated_at":"2023-12-07 19:07:15"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9da1a16b-503b-4618-b23c-d6c61ec707ef":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","type":"LaunchpadSetting","type_human":"Launchpad Setting","type_plural":"LaunchpadSettings","type_human_plural":"Launchpad Settings","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessLaunchpad","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9c8d6199-65d1-465f-b8c1-4acb5d9691c5","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"edwin.choque@processmaker.com","username":"edwin.choque"},"name":"","discard":false}],"name":"Setting","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":100,"uuid":"9da1a16b-503b-4618-b23c-d6c61ec707ef","process_id":191,"user_id":5,"properties":"{\"icon\": \"Default Icon\", \"tabs\": [], \"screen_id\": 0, \"icon_label\": \"Default Icon\", \"screen_uuid\": \"\", \"screen_title\": \"Default Launchpad\", \"saved_chart_id\": 0, \"saved_chart_title\": \"Default Launchpad Chart\"}","created_at":"2024-12-02 21:33:54","updated_at":"2024-12-02 21:33:54"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file diff --git a/accounting-and-finance/smart_surveys/process_template_export.json b/accounting-and-finance/smart_surveys/process_template_export.json new file mode 100644 index 0000000..00297cd --- /dev/null +++ b/accounting-and-finance/smart_surveys/process_template_export.json @@ -0,0 +1 @@ +{"type":"process_templates_package","version":"2","root":"9da58612-3cbf-47eb-a89d-bf3f5a17b614","name":"Smart Surveys v1.0.0","export":{"9da58612-3cbf-47eb-a89d-bf3f5a17b614":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\TemplateExporter","type":"ProcessTemplates","type_human":"Process Template","type_plural":"ProcessTemplates","type_human_plural":"Process Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Smart Surveys v1.0.0","description":"Smart Surveys v1.0.0","process_manager":"","process_manager_id":null,"attributes":{"id":112,"uuid":"9da58612-3cbf-47eb-a89d-bf3f5a17b614","key":null,"name":"Smart Surveys v1.0.0","description":"Smart Surveys v1.0.0","version":"1.0.0","process_id":184,"editing_process_uuid":null,"user_id":5,"process_category_id":2,"manifest":"{\"name\": \"Smart Surveys\", \"root\": \"9d4ea7dc-b092-4224-8deb-491f19e61e87\", \"type\": \"process_package\", \"export\": {\"signal-catch_survey_response\": {\"mode\": \"copy\", \"name\": \"catch_survey_response\", \"type\": \"Signal\", \"model\": \"ProcessMaker\\\\ImportExport\\\\Psudomodels\\\\Signal\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\SignalExporter\", \"attributes\": {\"id\": \"catch_survey_response\", \"name\": \"catch_survey_response\", \"detail\": \"\", \"global\": true}, \"dependents\": [{\"meta\": null, \"name\": \"Webhook for signal: catch_survey_response\", \"type\": \"data-source-webhook\", \"uuid\": \"9d5968cf-e2bb-4dc5-8a6f-5ca09648cf86\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Packages\\\\Connectors\\\\DataSources\\\\Models\\\\Webhook\", \"exporterClass\": \"ProcessMaker\\\\Packages\\\\Connectors\\\\DataSources\\\\ImportExport\\\\WebhookExporter\", \"fallbackMatches\": {\"name\": null}}], \"references\": [], \"type_human\": \"Signal\", \"description\": \"\", \"type_plural\": \"Signals\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Signals\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"9acb37b3-a8ed-49dc-b4de-f686ad4e286f\": {\"mode\": \"copy\", \"name\": \"PHP Executor\", \"type\": \"ScriptExecutor\", \"model\": \"ProcessMaker\\\\Models\\\\ScriptExecutor\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScriptExecutorExporter\", \"attributes\": {\"id\": 7, \"uuid\": \"9acb37b3-a8ed-49dc-b4de-f686ad4e286f\", \"title\": \"PHP Executor\", \"config\": \"RUN composer require aws\/aws-sdk-php:3.226.0\", \"language\": \"php\", \"is_system\": 0, \"created_at\": \"2023-12-07 19:07:15\", \"updated_at\": \"2023-12-07 19:07:15\", \"description\": \"Default PHP Executor asdfsfdadsf\"}, \"dependents\": [], \"references\": [], \"type_human\": \"Script Executor\", \"description\": \"Default PHP Executor asdfsfdadsf\", \"type_plural\": \"ScriptExecutors\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Script Executors\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"9c8c5c45-f0fb-464d-86cb-0bf2e0c6d135\": {\"mode\": \"update\", \"name\": \"Generated\", \"type\": \"DataSourceCategory\", \"model\": \"ProcessMaker\\\\Packages\\\\Connectors\\\\DataSources\\\\Models\\\\DataSourceCategory\", \"hidden\": true, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\CategoryExporter\", \"attributes\": {\"id\": 2, \"name\": \"Generated\", \"uuid\": \"9c8c5c45-f0fb-464d-86cb-0bf2e0c6d135\", \"status\": \"ACTIVE\", \"is_system\": 0, \"created_at\": \"2024-07-18 01:36:14\", \"updated_at\": \"2024-07-18 01:36:14\"}, \"dependents\": [], \"references\": [], \"type_human\": \"Data Source Category\", \"description\": null, \"type_plural\": \"DataSourceCategories\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Data Source Categories\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"9d4ea7dc-b092-4224-8deb-491f19e61e87\": {\"mode\": \"copy\", \"name\": \"Smart Surveys\", \"type\": \"Process\", \"model\": \"ProcessMaker\\\\Models\\\\Process\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ProcessExporter\", \"attributes\": {\"id\": 184, \"svg\": \"<\/marker><\/marker><\/marker><\/marker><\/defs>Pool<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End\u00a0Event<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Close\u00a0Expired<\/tspan>Surveys<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Start\u00a0Timer\u00a0Event<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Generate\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Preview\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Survey\u00a0Registered<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Survey\u00a0Canceled<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>New\u00a0or\u00a0Existing<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Copy\u00a0logo<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Create\u00a0From<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Get\u00a0All<\/tspan>Previous<\/tspan>Survey\u00a0Names<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Register\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Execute\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Execute\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Select\u00a0Invitees<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Send\u00a0Invites<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Survey\u00a0Canceled<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Gather<\/tspan>Responses<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Survey\u00a0Completed<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Retrieve\u00a0Survey<\/tspan>and\u00a0Register<\/tspan>Execution<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Capture\u00a0Response<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>New\u00a0Survey\u00a0Response<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Response\u00a0Registered<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Update\u00a0Survey<\/tspan>Execution<\/tspan>Status<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>edit<\/tspan><\/text><\/g><\/g><\/g>cancel<\/tspan><\/text><\/g><\/g><\/g>confirm<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>cancel<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>Existing<\/tspan><\/text><\/g><\/g><\/g>New<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>cancel<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g>

<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

1. Survey Information<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Active\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
2. Questions Settings<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Action\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
3. Layout<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Action\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Name and Description<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"surveyName\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [{\\\"field\\\": \\\"required_unless:\\\", \\\"value\\\": \\\"required_unless:action,cancel\\\", \\\"helper\\\": \\\"The field under validation must be present and not empty unless the Variable Name field is equal to any value.\\\", \\\"configs\\\": [{\\\"name\\\": \\\"variable-name\\\", \\\"type\\\": \\\"InputVariable\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"value\\\": \\\"action\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"required\\\"}, {\\\"name\\\": \\\"variable-value\\\", \\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Variable Value\\\", \\\"value\\\": \\\"cancel\\\", \\\"helper\\\": null}], \\\"content\\\": \\\"Required Unless\\\", \\\"visible\\\": false}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

This Name has already been taken.<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"nameAlreadyExists\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"surveyDescription\\\", \\\"rows\\\": \\\"3\\\", \\\"label\\\": \\\"Description\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Questions<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"questionListTxt\\\", \\\"rows\\\": \\\"5\\\", \\\"label\\\": \\\"Enter your list of questions, one per line [You'll be able to modify this list later]:\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"field\\\": \\\"required_unless:\\\", \\\"value\\\": \\\"required_unless:action,cancel\\\", \\\"helper\\\": \\\"The field under validation must be present and not empty unless the Variable Name field is equal to any value.\\\", \\\"configs\\\": [{\\\"name\\\": \\\"variable-name\\\", \\\"type\\\": \\\"InputVariable\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"value\\\": \\\"action\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"required\\\"}, {\\\"name\\\": \\\"variable-value\\\", \\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Variable Value\\\", \\\"value\\\": \\\"cancel\\\", \\\"helper\\\": null}], \\\"content\\\": \\\"Required Unless\\\", \\\"visible\\\": false}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}, {\\\"label\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"expirationDate\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Expiration Date\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [{\\\"field\\\": \\\"required_unless:\\\", \\\"value\\\": \\\"required_unless:action,cancel\\\", \\\"helper\\\": \\\"The field under validation must be present and not empty unless the Variable Name field is equal to any value.\\\", \\\"configs\\\": [{\\\"name\\\": \\\"variable-name\\\", \\\"type\\\": \\\"InputVariable\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"value\\\": \\\"action\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"required\\\"}, {\\\"name\\\": \\\"variable-value\\\", \\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Variable Value\\\", \\\"value\\\": \\\"cancel\\\", \\\"helper\\\": null}], \\\"content\\\": \\\"Required Unless\\\", \\\"visible\\\": false}], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormDatePicker\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"minDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Minimum Date\\\", \\\"label\\\": \\\"Minimum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"maxDate\\\", \\\"config\\\": {\\\"name\\\": \\\"Maximum Date\\\", \\\"label\\\": \\\"Maximum Date\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"after_min_date|date_or_mustache\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormDatePicker\\\", \\\"editor-component\\\": \\\"FormDatePicker\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form1\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"action\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Cancel\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"danger\\\", \\\"fieldValue\\\": \\\"cancel\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Continue\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": \\\"1\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"2\\\"}], \\\"conditionalHide\\\": null, \\\"customCssSelector\\\": \\\"Btn-Button\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"9\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Body\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"preQuestionList\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"preQuestionList (DON'T DELETE)\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"deviceVisibility\\\": {\\\"showForMobile\\\": false, \\\"showForDesktop\\\": false}}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"dot_notation|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"_Ctor\\\": [], \\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], \\\"order\\\": 1}, {\\\"name\\\": \\\"Questions\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

1. Survey Information<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Action\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
2. Questions Settings<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Active\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
3. Layout<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Action\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Questions - Advanced Settings<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"label\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Question\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": null}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}], [{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"type\\\", \\\"label\\\": \\\"Type\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[\\\\r\\\\n {\\\\r\\\\n \\\\\\\"value\\\\\\\": \\\\\\\"line_input\\\\\\\",\\\\r\\\\n \\\\\\\"content\\\\\\\": \\\\\\\"Line Input\\\\\\\"\\\\r\\\\n },\\\\r\\\\n {\\\\r\\\\n \\\\\\\"value\\\\\\\": \\\\\\\"text_area\\\\\\\",\\\\r\\\\n \\\\\\\"content\\\\\\\": \\\\\\\"Text Area\\\\\\\"\\\\r\\\\n },\\\\r\\\\n {\\\\r\\\\n \\\\\\\"value\\\\\\\": \\\\\\\"date\\\\\\\",\\\\r\\\\n \\\\\\\"content\\\\\\\": \\\\\\\"Date\\\\\\\"\\\\r\\\\n },\\\\r\\\\n {\\\\r\\\\n \\\\\\\"value\\\\\\\": \\\\\\\"select_list\\\\\\\",\\\\r\\\\n \\\\\\\"content\\\\\\\": \\\\\\\"Select List\\\\\\\"\\\\r\\\\n },\\\\r\\\\n {\\\\r\\\\n \\\\\\\"value\\\\\\\": \\\\\\\"rating\\\\\\\",\\\\r\\\\n \\\\\\\"content\\\\\\\": \\\\\\\"Rating\\\\\\\"\\\\r\\\\n }\\\\r\\\\n]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [{\\\"value\\\": \\\"line_input\\\", \\\"content\\\": \\\"Line Input\\\"}, {\\\"value\\\": \\\"text_area\\\", \\\"content\\\": \\\"Text Area\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"select_list\\\", \\\"content\\\": \\\"Select List\\\"}, {\\\"value\\\": \\\"rating\\\", \\\"content\\\": \\\"Rating\\\"}], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"rootElement\\\": \\\"response\\\", \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": \\\"line_input\\\"}, \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}, {\\\"label\\\": \\\"Bootstrap Component\\\", \\\"config\\\": {\\\"icon\\\": \\\"fab fa-bootstrap\\\", \\\"name\\\": \\\"values\\\", \\\"label\\\": \\\"Type a value and press enter\\\", \\\"validation\\\": [], \\\"bootstrapConfig\\\": \\\"{\\\\\\\"placeholder\\\\\\\": \\\\\\\"add value\\\\\\\", \\\\\\\"duplicateTagText\\\\\\\": \\\\\\\"Repeated value\\\\\\\"}\\\", \\\"conditionalHide\\\": \\\"type == \\\\\\\"select_list\\\\\\\"\\\", \\\"bootstrapComponent\\\": \\\"b-form-tags\\\"}, \\\"component\\\": \\\"BFormComponent\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"BFormComponent\\\", \\\"editor-component\\\": \\\"BFormComponent\\\"}, {\\\"label\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"textOptions\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"Or write\/paste your options here (one per line)\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": null, \\\"defaultValue\\\": {\\\"mode\\\": \\\"basic\\\", \\\"value\\\": null}, \\\"conditionalHide\\\": \\\"type == \\\\\\\"select_list\\\\\\\"\\\"}, \\\"component\\\": \\\"FormTextArea\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"dot_notation|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"richtext\\\", \\\"config\\\": {\\\"label\\\": \\\"Rich Text\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"rows\\\", \\\"config\\\": {\\\"label\\\": \\\"Rows\\\", \\\"helper\\\": \\\"The number of rows to provide for input\\\", \\\"validation\\\": \\\"integer\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormTextArea\\\", \\\"editor-component\\\": \\\"FormTextArea\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"required\\\", \\\"label\\\": \\\"Required\\\", \\\"helper\\\": null, \\\"toggle\\\": true, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"initiallyChecked\\\": false, \\\"customCssSelector\\\": null}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"multiple_choice\\\", \\\"label\\\": \\\"Multiple Choice\\\", \\\"helper\\\": null, \\\"toggle\\\": true, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"conditionalHide\\\": \\\"type == \\\\\\\"select_list\\\\\\\"\\\", \\\"initiallyChecked\\\": false, \\\"customCssSelector\\\": null}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 2, \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"4\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"MultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"label\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"questionList\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": true, \\\"type\\\": \\\"existing\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"questionList\\\"}, \\\"customCssSelector\\\": \\\"question-list\\\"}, \\\"component\\\": \\\"FormLoop\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"LoopInspector\\\", \\\"field\\\": \\\"settings\\\", \\\"config\\\": {\\\"label\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"Loop\\\", \\\"editor-component\\\": \\\"Loop\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form1\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Back\\\", \\\"variant\\\": \\\"dark\\\", \\\"eventData\\\": \\\"0\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"action\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Cancel\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"danger\\\", \\\"fieldValue\\\": \\\"cancel\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Continue\\\", \\\"variant\\\": \\\"primary\\\", \\\"eventData\\\": \\\"2\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"action\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Generate Survey\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": null}, \\\"variant\\\": \\\"success\\\", \\\"fieldValue\\\": \\\"continue\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": 4, \\\"content\\\": \\\"2\\\"}], \\\"customCssSelector\\\": \\\"Btn-Button\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"9\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Body\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"order\\\": 2}, {\\\"name\\\": \\\"Styles\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

1. Survey Information<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Action\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
2. Questions Settings<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Action\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
3. Layout<\/div>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Bg-Active\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Survey UI<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": null, \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Survey Primary Color<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"customCssSelector\\\": \\\"Color-Bg\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"ContainerContent\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": null, \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Logo<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/center>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"not fileLogo\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"File Preview\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-image\\\", \\\"name\\\": \\\"fileLogo\\\", \\\"label\\\": \\\"File Preview\\\", \\\"helper\\\": null, \\\"fileName\\\": null, \\\"fontSize\\\": \\\"1em\\\", \\\"validation\\\": null, \\\"placeholder\\\": null, \\\"conditionalHide\\\": \\\"fileLogo\\\", \\\"customCssSelector\\\": \\\"file-preview\\\"}, \\\"component\\\": \\\"Viewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fileName\\\", \\\"config\\\": {\\\"name\\\": \\\"File Name\\\", \\\"label\\\": \\\"File Name\\\", \\\"helper\\\": \\\"Enter the File Upload control's Variable Name to preview the file.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"Viewer\\\", \\\"editor-component\\\": \\\"Viewer\\\"}, {\\\"label\\\": \\\"File Upload\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-upload\\\", \\\"name\\\": \\\"fileLogo\\\", \\\"label\\\": \\\"Upload New Logo (.jpg, .png, .gif)\\\"}, \\\"component\\\": \\\"FileUpload\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"dot_notation|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"MultipleUploadsCheckbox\\\", \\\"field\\\": \\\"multipleUpload\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload multiple files\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"accept\\\", \\\"config\\\": {\\\"label\\\": \\\"File Accepted\\\", \\\"helper\\\": \\\"Common file types: application\/msword, image\/gif, image\/jpeg, application\/pdf, application\/vnd.ms-powerpoint, application\/vnd.ms-excel, text\/plain\\\"}}, {\\\"type\\\": \\\"RequiredCheckbox\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Required\\\", \\\"helper\\\": \\\"Prevent form from being submitted unless a file is uploaded\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FileUpload\\\", \\\"editor-component\\\": \\\"FileUpload\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"ContainerContent\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"
\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Layout<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}], [{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"Frame%201171276342\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAABZCAYAAADl2GzYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOvSURBVHgB7d3dTttmGMDxx45jJ8qgtN3WbtoB0Y7Wo3AH4wq2O1l3BSxXMC6FXcG0K1jOqFRVILVqaQX5guD4I3btSJVQW56gprZfw\/8nIUEioQg\/2H7\/eiVb8pHD5y9\/TW3rN89xfm80GtuCWy+VdDAPooHYYf+Xbvf46nvWh2\/+Pzra8pLmX\/c3On9sfNMWr+kI7o4oXshwMpOL2Xzfnwb9nZ3uOH99OSD5cHSs9r+Pv93stT1XcHf581BOzqaD2cjfzYfEzl\/MzxwMB3LtliuPH2azsOnt5T9bh0dvtjfb3tH3DzcF+OB0dC7jycWuLUmy9+BeR4CrNjotyRcrdstze47TEOAqz22Km61kbcuSngCf4TTs7cLWskEUy2WYL5IsQTHsrGC03LTQJFHYb\/ajbIFkNwXFSbKvyzDIBkQKY0tBklRQgrTgM3RhA4LbgQGBigGBigGBigGBigGBqtRNH3Ecy+gyWwInxLPrWFnaftBJxHHM2I9T6qc4m9kSxJy0VhnNEvnunhih3KOVUs9uwqTIWOqA2BYDchOWZc5ZttRLzP1O9t+RnT4lTQSfZ1v538mce7RSByS\/8Xq0vLZyH1IXHCmoGBCoGBCoCGVrMC1qFYFQtiaTolYRCGVruu075whlazIpahWBULYG06JWEQhlUHGkoGJAoGJAoCKUVagOoY1QVjHTQxuhrGKmhzZCWcVMD22EsgrVIbQRyqDiSEHFgEDFgEBFKCtJXXefEcpKVMfdZ4SyEtVx9xmhrER13H1GKCtJXXefEcqg4khBxYBAxYBARSiriapCG6GsRqoIbYSyGqkitBHKaqSK0EYoq4mqQhuhDCqOFFQMCFQMCFSEspoglGElQhlUhDKoCGW4FqEMRuJIQcWAQMWAQEUoMwxPvSSUrcRTL6HiqZdQ8dRLQtm1eOoloaxWOFJQMSBQMSBQEcoMQygjlK1kVChbxItjKQuh7EZMCWXZxxjYUZwcBGEsZSCU3YwJoSyKFzIPooGTJot\/zmf+U8\/dkKIRylYzJZQNJxciYdhffpJnL17\/\/eOjradtz5WvZZgNgmU3BcVKkzC7qW3I1+TPQ3n1brj\/5Oef\/lyeyzw76J+cTgd+EArutnw4Ts6mg2Aa9fOflwPS7XbHzdTfff12vP\/ubJItRxeCuyUIIzkdni\/PHLORv7uz0x3nr39ysTs8fLMtbrLX8pq9bEneky\/U7mxxiSlBfonxZxNZxyJOjoM4PhC7cfCk+8N\/V997D+PWjUSzG6zmAAAAAElFTkSuQmCC\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"layout\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"Single Page form\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": \\\"primary\\\"}, \\\"variant\\\": \\\"info\\\", \\\"fieldValue\\\": \\\"single_page\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"layout == \\\\\\\"single_page\\\\\\\" or not layout\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"layout\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"Single Page form\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": \\\"primary\\\"}, \\\"variant\\\": \\\"light\\\", \\\"fieldValue\\\": \\\"single_page\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"layout and layout != \\\\\\\"single_page\\\\\\\"\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"Layout\\\", \\\"label\\\": \\\"Single Page form\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"conditionalHide\\\": \\\"false\\\", \\\"initiallyChecked\\\": false}, \\\"component\\\": \\\"FormCheckbox\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"dot_notation|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"initiallyChecked\\\", \\\"config\\\": {\\\"label\\\": \\\"Checked by default\\\", \\\"helper\\\": \\\"Should the checkbox be checked by default\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"toggle\\\", \\\"config\\\": {\\\"label\\\": \\\"Toggle Style\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"disabled\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormCheckbox\\\", \\\"editor-component\\\": \\\"FormCheckbox\\\"}], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"Frame%201171276342%20%281%29\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAABZCAYAAADl2GzYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOKSURBVHgB7d1LbttWFIDhw6sHpSp23KYo4kEBqUUH7kjeQb2CdiddgqsdaCnuCtquoJp50IENtIjVwA9Rtkzx3XudBnBeB0IShkz4f4AhSzIMg\/x5yUvSkCcvOf7r7x8K4\/3ot9s\/tVqtoeCTV0gxW0fJTEw82RuNTu+\/5z3\/5s+Tkx0\/7\/zy+dbg560HffE7bUFzJGkml8FKblbrabiMJvv7o4V7\/S4QF8fA6\/\/2+Mvtcd\/vCporXMcyv1jOVlfhgYvEuBfdyEEccPq9rjx+ZFvY9g\/dc+\/45Gy43fdPvnq0LcBz51fXsghuDozk+eEXDwcC3Lc16ImbrJie3x232y0B7vO7HenamazxPBkL8BrtlhmWNpeNklRuYzdJ8gTlMPYMRq9blHpKorTfHCZ2gmQ6gvLk9us2jmwgUhojJckLwQdQlDxClxYIPg0EAhWBQEUgUFV6ydbY46t+99mjx2z4FfYCq50N2gPRCg\/4KxtBXBQDX6RliONN3AnuB361y6eyQHodwtiE9\/8oW5XKAuHyz+ZaTRxBsLlG7mLwcSAQqAgEqtrcun67TmUeiGR5c6Y2xs71dx\/m8lmvvv9BUJu\/7Cwwz24RaBJ7Imwe5PJNT2qrNmskb+j9AVkutVabQFpeMwMxpt6jZm12Mbs7Ik\/scJvnNd+k3iN3Amx3p97HXLUJpG8P1L692xczsaoT1gZUBAIVgUBFIFARCFQEAhWBQEUgUBEIVAQCFYFARSBQEQhUBAIVgUBFIFARCFQEAhWBQEUgUBEIVAQCFYFARSBQEQhUBAIVgUBFIFARCFQEAhWBQEUgUBEIVAQCFYFARSBQEQhUBAIVgUBFIFARCFQEAhWBQEUgUBEIVAQCFYFARSBQEQhUlQVSNPMj6j46lQWSEcjGklQqU1kg65hRZBNuGa2bGIj7mNxVZLeOTPAaLozULpubqNoNqZ2l2al9HEoFXCShHUlCQR3Z1TMzSZofRXGFYxhqKbHD1zpKZqbIs1+vV2zDeNFlcCMSxxOz993XvwfX4TSMYgGc0M4glqtwurc3Or07SPVNNJmfL2dEAhfH\/GI5i5bJxD2\/C2Q0Gi06RXjw5N\/F9OlFIGnK1KJpojiR88tr+efp5XR1FR7s748W7nXv5R88Pj4bSjc\/7PmdsefJWN5Sf7AjnukIylXksYSrQN5FluanUZoeiWkdfT\/a\/eP+e\/8B6hUEHCJEkgUAAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"layout\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"One Question Per Page\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": \\\"primary\\\"}, \\\"variant\\\": \\\"info\\\", \\\"fieldValue\\\": \\\"one_per_page\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"layout == \\\\\\\"one_per_page\\\\\\\"\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"layout\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"One Question Per Page\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": \\\"primary\\\"}, \\\"variant\\\": \\\"light\\\", \\\"fieldValue\\\": \\\"one_per_page\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"layout != \\\\\\\"one_per_page\\\\\\\"\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"Frame%201171276342%20%282%29\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAABZCAYAAADl2GzYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUiSURBVHgB7dy9bxtlHAfw351fznaa2AVKZRUam7JQUskRW6FKMiIGkg3EQPIXxEwMDI7FwMCAJxBdkiCByuaIQtmcAmGtQUhBQigOVes2BGzn7Xw++457HnBk2vSp3dq9x\/X3IyW5e06JIvvr5+VefgrdYf2365O2qryu+XzTXq8nRvDYsy07rxu1PKm19AvxeKH1mNLcuLaxEdEs38KT4eH58HCINL+XYHCYZoO2S7u0s6dn9B0jPT4eL7N2HhAWjiElmDt18ngiFPATDK4D3aAbW+X8fkmfYiFRWSPrORAOYEJBjU49HUkER7QU21fWN4qx8FBgI3oiQgBNt\/+qUKm0O6WSZaWeOj5MAK0ix0LEFitqMOBP+LweAmilaT7SfN5pVVGUBAEcwevxxHq2lq0aJu1WbWpZSUOXqYpNQ5pCAefT3is9C8i+4XxTsSrqJcv52qvWnIBQz6jUIw2b4BGwqLd6FhB4PCAgIISAgBACAkKuXrJVnRVw0P\/vTwWr4bvUG0S66VyOd3HC71oPwkIx5CzPPCrCcS\/sBPcxzd3Xx7WABHwIRjuU\/3pZt7gWEFz+aZ9nEHsQaN9ADjHQHxAQEEJAQEiaW9cPqnW6VXEu8lmDs7RRnbV+NGxRKCDvEwTS\/GfFiuqcFBqwDs05EXarYtFzAZKWNO+IZQ3m\/QGNXl+vf0jSBMSjDGZAVFXuXlOaISYaIbrpdLeWJflHqovYCbBoRO45lzQBCToTtTN8LMbCSiZ4N0AIAQEhBASEEBAQQkBACAEBIQQEhBAQEEJAQAgBASEEBIRcC4iNp\/\/7gmsBQXmI9pl1co1rAanW0Iu0g71G1UEMCLuBjFUhMhsER2DBYM\/m7hnufpBcvR+EhUR3ehKdQFZYxYAQAgJCCAgIoYCMxFBABgVkhFBABsG4LxSQgftCARkQQgEZkBYCAkIICAihgIyLUECmAyggIycUkHEZCsi0CQVk5IQCMi5CAZkOoICMnPBugBACAkIICAghICCEgIAQAgJCCAgIISAghICAEAICQggICKGADAihgEwfQAEZuCcUkEEBmSOhgAyhgEw\/wCoGhBAQia19v0pvvzn9v7b33k3SlctZ6kShUKCZmRlKJpO0sLDQya8iILL78YerVKmUD\/e\/\/XrlcJ8F6MsvPuMBKJfLtLq6ytub+02sfX5+njKZDOXzeeoEAiK5V1+bposfZ\/j2pc+X6PwrE3ybhYOFZ+zcOM3NzVEkEqFsNsvD0dxvmp2dpcnJSR6aSqVCnVDr9UaBQFrnL0zQLz\/\/xLevXF6hN96a5dtj5xI0Eg7TJacHaWLDBxtKUqnUkX+LHV9cXKR22WTnVdNsZA3DJJAXC8mnTi\/y8oWJw7aLn2To9GiM3v\/gQxodHeVtbPiIxWKHQ00rFg7Wk7Dj7TCds3N61cx7bauxUt47SJ7UwgRyYr3GS2Nxyq1doz82C7ztRacH+earFVr7Lkebm5u8LZ1OUy6X45NRNtQ0w7C0tETLy8u8jWFzkdYh6CjbpV2iWi3Nn9r59febHz0bfSIZCmrULVsVkxTVR9A7O85k1bZMev70CeqmA92gzeJ25uyZZ97hk1RNNdI3tsp5dgD6x0g4wuch3cQywLJg7Jhpts8DEo\/Hyz5bn7pe\/DtT\/LPkXBxy8eQ\/uKJq1Oj2dpn3HPslfWp8PM7XyXc9GLq+XoyR30oFA\/6EczBBDygwFMYQ8wjYVo2q+zv0MOoNq2CYZpZUT\/ZsPHq19dg\/3gLWP6jb1u4AAAAASUVORK5CYII=\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false}, \\\"component\\\": \\\"FormImage\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"label\\\": \\\"Name\\\", \\\"helper\\\": \\\"Image name\\\"}}, {\\\"type\\\": \\\"ImageUpload\\\", \\\"field\\\": \\\"image\\\", \\\"config\\\": {\\\"label\\\": \\\"Upload\\\", \\\"helper\\\": \\\"Upload image\\\"}}, {\\\"type\\\": \\\"ImageVariable\\\", \\\"field\\\": \\\"imageName\\\", \\\"config\\\": {\\\"label\\\": \\\"Render from a variable name\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"height\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Height\\\", \\\"helper\\\": \\\"Image height\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"width\\\", \\\"config\\\": {\\\"type\\\": \\\"number\\\", \\\"label\\\": \\\"Width\\\", \\\"helper\\\": \\\"image width\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormImage\\\", \\\"editor-component\\\": \\\"FormImage\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"layout\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"Max Questions Per PAge\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": \\\"primary\\\"}, \\\"variant\\\": \\\"info\\\", \\\"fieldValue\\\": \\\"num_per_page\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"layout == \\\\\\\"num_per_page\\\\\\\"\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"layout\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"Max Questions Per PAge\\\", \\\"loading\\\": false, \\\"tooltip\\\": {\\\"variant\\\": \\\"primary\\\"}, \\\"variant\\\": \\\"light\\\", \\\"fieldValue\\\": \\\"num_per_page\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"conditionalHide\\\": \\\"layout != \\\\\\\"num_per_page\\\\\\\"\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"questionsPerPage\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Number of Questions Per Page\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"int\\\", \\\"validation\\\": [{\\\"field\\\": \\\"between:\\\", \\\"value\\\": \\\"between:2,10\\\", \\\"helper\\\": \\\"The field under validation must have a size between the given min and max.\\\", \\\"configs\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Min\\\", \\\"value\\\": \\\"2\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"required|integer\\\"}, {\\\"type\\\": \\\"FormInput\\\", \\\"label\\\": \\\"Max\\\", \\\"value\\\": \\\"10\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"required|integer\\\"}], \\\"content\\\": \\\"Between Min & Max\\\", \\\"visible\\\": false}], \\\"placeholder\\\": \\\"Enter a value between 2 and 10\\\", \\\"conditionalHide\\\": \\\"layout == \\\\\\\"num_per_page\\\\\\\"\\\"}, \\\"component\\\": \\\"FormInput\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"dot_notation|required|not_in:null,break,case,catch,continue,debugger,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with,class,const,enum,export,extends,import,super,true,false\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the field's name\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"dataFormat\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Type\\\", \\\"label\\\": \\\"Data Type\\\", \\\"helper\\\": \\\"The data type specifies what kind of data is stored in the variable.\\\", \\\"options\\\": [{\\\"value\\\": \\\"string\\\", \\\"content\\\": \\\"Text\\\"}, {\\\"value\\\": \\\"int\\\", \\\"content\\\": \\\"Integer\\\"}, {\\\"value\\\": \\\"currency\\\", \\\"content\\\": \\\"Currency\\\"}, {\\\"value\\\": \\\"percentage\\\", \\\"content\\\": \\\"Percentage\\\"}, {\\\"value\\\": \\\"float\\\", \\\"content\\\": \\\"Decimal\\\"}, {\\\"value\\\": \\\"datetime\\\", \\\"content\\\": \\\"Datetime\\\"}, {\\\"value\\\": \\\"date\\\", \\\"content\\\": \\\"Date\\\"}, {\\\"value\\\": \\\"password\\\", \\\"content\\\": \\\"Password\\\"}], \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": {\\\"extends\\\": {\\\"_Ctor\\\": [], \\\"props\\\": {\\\"name\\\": {\\\"type\\\": null}, \\\"error\\\": {\\\"type\\\": null}, \\\"label\\\": {\\\"type\\\": null}, \\\"value\\\": {\\\"type\\\": null}, \\\"helper\\\": {\\\"type\\\": null}, \\\"options\\\": {\\\"type\\\": null}, \\\"selectedControl\\\": {\\\"type\\\": null}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ValidationMixin\\\", \\\"props\\\": {\\\"config\\\": {\\\"type\\\": null}, \\\"validation\\\": {\\\"type\\\": null}, \\\"validationData\\\": {\\\"type\\\": null}, \\\"validationField\\\": {\\\"type\\\": null}, \\\"validationMessages\\\": {\\\"type\\\": null}}, \\\"watch\\\": {\\\"validationData\\\": {\\\"deep\\\": true, \\\"user\\\": true}}, \\\"mixins\\\": [{\\\"name\\\": \\\"ProxyDataMixin\\\", \\\"methods\\\": []}], \\\"methods\\\": [], \\\"computed\\\": []}], \\\"methods\\\": [], \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"components\\\": {\\\"RequiredAsterisk\\\": {\\\"name\\\": \\\"RequiredAsterisk\\\", \\\"_Ctor\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}}, \\\"inheritAttrs\\\": false, \\\"staticRenderFns\\\": []}, \\\"computed\\\": [], \\\"_compiled\\\": true, \\\"staticRenderFns\\\": []}, \\\"field\\\": \\\"dataMask\\\", \\\"config\\\": {\\\"name\\\": \\\"Data Format\\\", \\\"label\\\": \\\"Data Format\\\", \\\"helper\\\": \\\"The data format for the selected type.\\\"}}, {\\\"type\\\": \\\"ValidationSelect\\\", \\\"field\\\": \\\"validation\\\", \\\"config\\\": {\\\"label\\\": \\\"Validation Rules\\\", \\\"helper\\\": \\\"The validation rules needed for this field\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"placeholder\\\", \\\"config\\\": {\\\"label\\\": \\\"Placeholder Text\\\", \\\"helper\\\": \\\"The placeholder is what is shown in the field when no value is provided yet\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"helper\\\", \\\"config\\\": {\\\"label\\\": \\\"Helper Text\\\", \\\"helper\\\": \\\"Help text is meant to provide additional guidance on the field's value\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"readonly\\\", \\\"config\\\": {\\\"label\\\": \\\"Read Only\\\", \\\"helper\\\": null}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"default-value-editor\\\", \\\"field\\\": \\\"defaultValue\\\", \\\"config\\\": {\\\"label\\\": \\\"Default Value\\\", \\\"helper\\\": \\\"The default value is pre populated using the existing request data. This feature will allow you to modify the value displayed on screen load if needed.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormInput\\\", \\\"editor-component\\\": \\\"FormInput\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"4\\\"}, {\\\"value\\\": 3, \\\"content\\\": \\\"4\\\"}], \\\"customCssSelector\\\": \\\"positionGrid\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}]}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form1\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Page Navigation\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-compass\\\", \\\"event\\\": \\\"pageNavigate\\\", \\\"label\\\": \\\"Back\\\", \\\"variant\\\": \\\"dark\\\", \\\"eventData\\\": \\\"1\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"PageSelect\\\", \\\"field\\\": \\\"eventData\\\", \\\"config\\\": {\\\"label\\\": \\\"Destination Screen\\\", \\\"helper\\\": \\\"The destination page to navigate to\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormMultiselect\\\", \\\"field\\\": \\\"variant\\\", \\\"config\\\": {\\\"label\\\": \\\"Button Variant Style\\\", \\\"helper\\\": \\\"The variant determines the appearance of the button\\\", \\\"options\\\": [{\\\"value\\\": \\\"primary\\\", \\\"content\\\": \\\"Primary\\\"}, {\\\"value\\\": \\\"secondary\\\", \\\"content\\\": \\\"Secondary\\\"}, {\\\"value\\\": \\\"success\\\", \\\"content\\\": \\\"Success\\\"}, {\\\"value\\\": \\\"danger\\\", \\\"content\\\": \\\"Danger\\\"}, {\\\"value\\\": \\\"warning\\\", \\\"content\\\": \\\"Warning\\\"}, {\\\"value\\\": \\\"info\\\", \\\"content\\\": \\\"Info\\\"}, {\\\"value\\\": \\\"light\\\", \\\"content\\\": \\\"Light\\\"}, {\\\"value\\\": \\\"dark\\\", \\\"content\\\": \\\"Dark\\\"}, {\\\"value\\\": \\\"link\\\", \\\"content\\\": \\\"Link\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"PageNavigation\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"action\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Cancel\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"danger\\\", \\\"fieldValue\\\": \\\"cancel\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"