From eaa137fe6e48bbe5f825739620e96bbaca887eb5 Mon Sep 17 00:00:00 2001 From: Giovani Lopez Date: Fri, 3 May 2024 13:13:53 -0400 Subject: [PATCH] Updated screen templates --- Default Templates/approval_template/screen_template_export.json | 2 +- Default Templates/paper_template/screen_template_export.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Default Templates/approval_template/screen_template_export.json b/Default Templates/approval_template/screen_template_export.json index c6f551f..44c3f8c 100644 --- a/Default Templates/approval_template/screen_template_export.json +++ b/Default Templates/approval_template/screen_template_export.json @@ -1 +1 @@ -{"type":"screen_package","version":"2","screens":[{"id":460,"uuid":"9b7e8ab1-8c92-4442-824a-2a7b9b34e851","screen_category_id":"1","title":"Style general - PLG - Health Savings Account","description":"Style general - PLG - Health Savings Account","type":"DISPLAY","config":[{"name":"Style general - PLG - Health Savings Account","items":[{"label":"Rich Text","config":{"icon":"fas fa-pencil-ruler","label":null,"content":"Fonts\n\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"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\\\": \\\"

STYLE GENERAL - PLG - Health Savings Account

\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"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\\\": \\\"bg-Header\\\\n\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"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\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-03-05 22:32:30\", \"custom_css\": \"/***StyleDiego-PLGHealthSavingsAccoount*****/\\r\\n[selector='bg-container']{\\r\\n background-color: #DEEBFF;\\r\\n}\\r\\n\\r\\n[selector='bg-form']{\\r\\n background-color: #F6F9FB;\\r\\n -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n padding: 10px 30px;\\r\\n max-width: 873px;\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n[selector='Bg-Form2']{\\r\\n background-color: #FFFFFF;\\r\\n padding: 10px 40px;\\r\\n}\\r\\n\\r\\n[selector='bg-Header']{\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n max-width: 873px;\\r\\n margin: auto;\\r\\n}\\r\\n[selector='Bg-Header2']{ \\r\\n background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\r\\n /*max-width: 873px;\\r\\n margin: auto;*/\\r\\n}\\r\\n[selector='Bg-headerList']{ \\r\\n background-color:#95C8F3;\\r\\n padding: 10px 15px 0 15px;\\r\\n}\\r\\n[selector='Bg-GridList'] .row{ \\r\\n margin-right:0px !important;\\r\\n margin-left:0px !important;\\r\\n}\\r\\n[selector='Bg-GridList'] .col-sm-3{ \\r\\n border:1px solid #95C8F3;\\r\\n}\\r\\n\\r\\n[selector='bg-Footer']{\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n height: 68px;\\r\\n max-width: 873px;\\r\\n margin: auto;\\r\\n}\\r\\n[selector='logo-img']{\\r\\n padding: 25px 20px 10px 20px;\\r\\n}\\r\\n\\r\\n[selector='logo-img2']{\\r\\n padding: 35px 20px 25px 40px;\\r\\n}\\r\\n\\r\\n.hdrTxt {\\r\\n text-align: right;\\r\\n color: #FFFFFF;\\r\\n font-size: 20px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n padding-right: 10px;\\r\\n padding-top: 5px;\\r\\n}\\r\\n.hdrTxt2 {\\r\\n text-align: right;\\r\\n color: #556271;\\r\\n font-size: 20px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 0px 50px;\\r\\n}\\r\\n.hdrTxt3 {\\r\\n text-align: right;\\r\\n color: #556271;\\r\\n font-size: 20px;\\r\\n font-weight: 400;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 25px 50px 0px 50px;\\r\\n}\\r\\n.WhitehdrTxt2 {\\r\\n text-align: right;\\r\\n color: #FFFFFF;\\r\\n font-size: 20px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 0px 20px;\\r\\n}\\r\\n.WhitehdrTxt3 {\\r\\n text-align: right;\\r\\n color: #FFFFFF;\\r\\n font-size: 20px;\\r\\n font-weight: 400;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 15px 20px 0px 20px;\\r\\n}\\r\\n\\r\\n\\r\\n.Textlitle{\\r\\n color: #9dabb6;\\r\\n font-size: 16px;\\r\\n font-family: 'Poppins';\\r\\n font-weight: 500;\\r\\n line-height: 24px;\\r\\n}\\r\\n.TitleHealth{\\r\\n color: #000000;\\r\\n font-size: 38px;\\r\\n font-weight: 600;\\r\\n font-family: 'Poppins';\\r\\n line-height: 45.6px;\\r\\n}\\r\\n.TextField{\\r\\n color: #556271;\\r\\n font-size: 16px;\\r\\n font-weight: 400;\\r\\n font-family: 'Poppins';\\r\\n line-height: 24px;\\r\\n}\\r\\n.TextFieldGrid{\\r\\n color: #556271;\\r\\n font-size: 16px;\\r\\n font-weight: 400;\\r\\n font-family: 'Poppins';\\r\\n line-height: 24px;\\r\\n padding-top: 12px;\\r\\n}\\r\\n\\r\\n.TextFieldWhite{\\r\\n color: #FFFFFF;\\r\\n font-size: 16px;\\r\\n font-weight: 400;\\r\\n font-family: 'PoppinsBold';\\r\\n line-height: 24px;\\r\\n}\\r\\n.TitleSeccion{\\r\\n color: #0B3961;\\r\\n border-bottom: 2px solid #BCDCF8;\\r\\n font-size: 18px;\\r\\n font-weight: 600;\\r\\n font-family: 'Poppins';\\r\\n line-height: 35px;\\r\\n}\\r\\n.TitleSeccion2{\\r\\n background-color: #DEEEFA;\\r\\n color: #556271;\\r\\n font-size: 16px;\\r\\n font-weight: 700;\\r\\n font-family: 'Poppins';\\r\\n padding: 10px 20px;\\r\\n margin: 20px 0px;\\r\\n}\\r\\n.form-group label{\\r\\n color: #556271;\\r\\n font-size: 15px;\\r\\n font-weight: 400;\\r\\n font-family: 'Poppins';\\r\\n line-height: 20.43px;\\r\\n}\\r\\n.form-control {\\r\\n color: #556271;\\r\\n border: 2px solid #bfc4c9;\\r\\n border-radius: 4px;\\r\\n padding: 10px;\\r\\n margin-bottom: 15px\\r\\n}\\r\\n\\r\\n[selector='btn-position'] .btn-primary{\\r\\n background-color:#1572C2;\\r\\n border: 1px solid #1572C2;\\r\\n color: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n/***Approval template***/\\r\\n\\r\\n\\r\\n[selector='loopText'] {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.required-asterisk{\\r\\n color:#1572C2;\\r\\n}\\r\\n[selector='Bg-Approve'] .btn-primary{\\r\\n background-color:#4EA075;\\r\\n border: 1px solid #4EA075;\\r\\n color: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n width: 100%;\\r\\n}\\r\\n[selector='Bg-Reject'] .btn-danger{\\r\\n background-color:#ED4858;\\r\\n border: 1px solid #ED4858;\\r\\n color: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n width: 100%;\\r\\n}\", \"updated_at\": \"2024-05-03 17:04:19\", \"description\": \"Style general - PLG - Health Savings Account\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"Style general - PLG - Health Savings Account\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}, \"9bf4c563-060f-45ee-929d-4431b514d6df\": {\"mode\": \"update\", \"name\": \"PLG - Approval template\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 2204, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9bf4c563-060f-45ee-929d-4431b514d6df\", \"title\": \"PLG - Approval template\", \"config\": \"[{\\\"name\\\": \\\"PLG - Approval template\\\", \\\"items\\\": [{\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 2203, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\", \\\"validate-nested\\\": false}}, {\\\"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\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Image\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-image\\\", \\\"name\\\": \\\"isologo%202\\\", \\\"event\\\": \\\"submit\\\", \\\"image\\\": \\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPIAAAA4CAYAAADHG6V2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABheSURBVHgB7V1LbxxJco7IKlLUjB4k9mHsXtQCDM+sLJGt9UiiZ22odfB5pF8g6mLAJ1GAzxYJ+OaDpIuvon7BSH/AQ2FndyjOAtMk5YXhi1oHe72zsxjOm+zuqnBEviqrWN18qKWhdvMDi12dVfnoqvoyIiMisxB2wewfvmolPXyPetSCDBr8OUl9PpAB8L795O99u98Hgh6hO67P7ecAXT6py1+6XaBuj5IfpJj85ZuUvHUcAZEYgACy00al2px7+Vc/PPYAIiIidgUOOjD72dfXE8AFyKmhydknNJ+cp29JmjF5+8y9Xo6YIeR9IuTjBYFBziFkYlOvR7TdA+wxobd7SExoZHKnP5+CZPZHpEnMp2OpTfgMFTxIVffe8tTUJkRERNRiB5Fnf/d5I0nH7vNuyxALQYhKTFjUZCYvdT1Z9Sf5zyJNPimQyD2WxlxIt4sinYXMkjb+Dz+F5K+nQCQzEPk2eWIjdnrZ2NXVvxhfg4iIiB1Q4RdN4rHxD8CTWFjMH6R1XlF7wXCfk4R0Fpp5WCfcWV2WdCpS0AtdfUwfyTb+aE+3JLbpTkozTo2pbvsXn353HSIiInbAE1lIrITERA35LgREdLyy3ENFhuCF1JR0Q/UikYKDpBmrC9HSHYIOwJWdf7pVbpV0GrYYNF2ELpowu/8LVvkhIiKiBE9klYwJiU858kIhgfV/QyviIatJsCqvJxvYHfdhiiFwEp3H2qj3vOps5Lg+ZSujasPCsTKFfQPBXel0ICIiwkMT+d1Pv55j4jVk35C3IA9ZDlkSejFpP0KyBXmkHCiX48e/Rq125ZX0bijncUDPeq1qn0zHjtyHiIgIj1T+sRT+F6sBe2KWyWNdQ2hIaJKs+kvaZeTPr+jNRjKbwTZW1XLyp1FpgK0Q0XUo9jwyY21zXk755b/73VetD39yfBkiIl4hzp27wEIPG7KvlFpqt1c6cAiQ/v1nX17NiU6HiTVuIHKjVK1Ra1JbcqIZ55ITsGDUatJczFH3AS7dquOkuSt5TfYd0ptqOhV7ku8wUrzNH8sQEfEqodR1/t+S3T70l/mjA4cAKgf1njFIlazQlfEpaeu1YRB5HZvsQSuZ7djYcc7Q1WxlSe3kevGtqNcbt2x7qEb3tmmt1rPPJyEiIoLHyATNQC3eYVEujiF5C7T8V+jEZkktzqvWZqsOFz1D8V2k8uCQFNuGmra5tOx40oKIiAht7GoaiaolLoaEIfJOIDe2ddZpgjzHkIVoZanSu1YqV8a5pbLB69G1LmhnMfflhx2GzdzvqwZERERYY1eNkUtgjEzgCB4CjU85R9cJWHFtTdwlP7NWut0ou0hHz1RdSOY6k8IkToUcJmd0MwfIagt0EiIiIgyRBfn/fEtZ56sv4JtsUtPFqtDaLC02K2FqDoWfKWNuyfc3xh/DiaOP8cRERwiW+QK1HCfKMsNMZqqk5dwBKON8ugzaaICntP2sZ81ngQZNpgS7bwxoaDsJKkJNIiL+7KGJ3F/9DHpPPhNWaAln3E3o9wJHkTVo6/1NldO13/zrhWU4GJaaC59MJpDfYW5epx6go7F3cgEVbijth86NC8x5uHOCg2J6+tI8l6GNZevrqwuNZmvyRP71HGEyA6b4Te6YHm9srD6sy3+meaGZ5nhV9vuKHv62/XFbXBNs1ZQOqpGqZO6TT379PMxz9uw7LVTJe/zDJl0dlGePnj79zTLsgkr7Grxt8sVZ67IL5L92cYHU5JW628N+3452J8l1n5fr5qHVo42Nj5d2q/d49s1Vd02KevO1QXmr1/VbeLNj2y5lTEr+nsJ74W+utG9PbQvuRaNa7rnmxauYQ1POU+qNu+328r4m7IQuKlKqs9FeWQqPv92cbYzn+XV+lpu6btD2osfD7uXZ5mxL5XnLtEktbcLEZnhdcPbD/6Xef/zeUtW5esGzqTp+db5jFq5z7dvnH8AI8Df//MsPxv9xpuUrpUD6ogn+wiCYpGgLLqy8dXwRDoDpmUvPwD5cXcTT40QfQPGgBnXAcoJHr1Vvpr5ZSt3X5+T5DaWQrf/mARQkKmk4IsuNGyO6j9ZtUYMOt+HKoJvInc5NvjUL/PtrrfTs5ru7sf7xrbpjmhik3q/7bbvVrR84IsnbHJS3j/k16cQG5K29psPqDa8ru0UXFOJcTRmb/FzMfwkTj47Td+/XXlfOyx107bMxPT1721zPGpBOP83lS8dQuo+6fTOXPnD15Zhdedoud8L2dz/zxSFd22gXneXQuoe0e3r64gK36bYrk9lxB4Lrovr/+SW3NmHZnBKmCco+jvEmaWMJEadDmgAF5/D2bFQkFvCFWZTZVaCnPzJl+5zmZlfJXGc7LdLNvJL5z3oudDcfiWodPHAd0r5p2gza1sryb24PLYB9iyGJQ4hUkvKHkFifJuc0+dzqAS3lEe4OIrFuI6r5c9MX7lTT5aHiOxaQSX4Xtc22e932ugQk1vnDDo3LVx9IPdV6a0jcqeYdVK8Dk3hezpN7wnf+IRQ+W5agdPckfXcnuK6dUmbEhbPNd1rVMs31DIlEm6Z8G5PA+Xi7DAcEd9j+WeG2LQ0nsam71Hau32iLg1ElsUDlm2xlGnNkVUxiTVYAvaVMaGXILccdoceSxzBC9Pv9tp8GKWNlJmku5O0JaXMhM8q+ITXo+dDQRz1NckRosAZwY33tyemNtSdX1tdWp/iC+l5RiDLsgXMPk9w4tuVfEQnvevET+dZNKC56R45zPSib7ENxExt5/u2OG8jS6XZQ0T2FR6ckr3zywVthG6sPrnmobAeA9EDhG6f5t52XjUlyeljd+oHf0e7VKdlMXt8ZTI7nNL+zXp+3zVL7vFzbIu/w3xxgkn/zLbknG2ur1xRunw/rZRLMsb720F6T03JdeCjmBUxCWt0uoXw9zTUx5T+5ErStAQeAdGD8DMz54oNnSHd2AYnN87Y6ZZ63J6fDe8m/+c6w5823j8uX+yLXVwlBNVlZN9QE5n0jfT15iSyxVcISW6Rykj6HEaJ998omdcksSOAXJUC7mIEsXEBg5j/b43bL+3DwQXIA03OWxzHr7ZUFCiLH8vy7ueGF0OLa2pMbT9sryyV1Ecnn4yt8RY6777KvDJntuXgzLPLcuYsi5RuujevtJ/NOxZfP9fZHd/mJ8A+LyhOvFTSbzcngoeqst1fnwuGBhBbyQ3AjqLv80JsIJvPbMbsRtlvyKuxe8RIWoZSXydUMfnNJ9TZ5k2vBye/BQFCbf/PdIm+bbQpQUju5A7sV/q5EdX3HQBUt6EzzXWlXw37tKHhjfug12SdCaSydbhi+OZZlreJQ3fNWvpe7P29wS55RuS9yfZVXm0Uqy2fipHEiA3Uhrlap5RxKlSF9qmDU0Kq1V6XBEhfMskF2oQInlY16TSOTyBlm9cOEPA/TGzAECtRSNU3I5PJJp1AXlytpQYcx2eQxrTvG5gG/z2a+R1CDvlJedeNOw6uE/f5EoRIT1C7IYMnZsV8boRRAawg05+00xgmpgryTZQnihwGb9b/51+0iLw4af4vBdcfYO0lUmNaplm/a5VX4Rilv1i++8zWpM2KZa0L7Mm4Jzpy50Aw7TmbK3fA4S+eW2x/0vOWqEBx872dgMDphBydQRm0WFToxpB3jLUmB9Hg41RJayGv2C5V75JBVSAKJrElcltKa6HlA7nxERB7D8Wd16dx7ddw+X9iBPutBJA3JxN3UF4Pys87hNZx+QCAIHkTWP2ofrnH4thOUVBAR86AcasMAUDA+Q+yeLNLRp9eNNQWKpSFhfkO2+tJhsjp+LvLijV3yvgBwABFpT9dkcP7BSMaUt1Gw2rxYfR447ZTbH/S8pcG9yIcJjpqOOdWSuJgSoX1LZHy1WPLb6n0TpiG+YBgxNFHJRYUFs6msH0q7nkyqXdxAQlJGY+zaC4ZdWLWHwHn+WZ/DS4CVjHWxcZO1yXsE3+01/qdVdUXJfSbkDgtzO1C3y1XDI65aDxPE6s15r+0572sIbWkPjG5VtXn02NkJiUT2Y2Jl93kMDE4Ck920FZuNYZCOscatRk8gMWgFKrMeA4sqnaFe0E8+9Xpg1thlVu6EQwEaIm1fVyi1Japbx37VFmZrANtDXlErvXra3E/e1xGhAY2l3S14yWBB16mmpVpdtp5j+WdWACG/Jpf3LOsYEfMtp5ELZL1oH9oYz6KXIKMB2PnPgEFMOGIpdvv7xf7HVK8SfK0uaz9kPRp1iSLpmyyF88KN1BD/Lvvfb7PffLGXJMuD/N6iVrL/+goPzt6vy7tbsMbrAkXqDv8m2W3IP2OQ3D3AJsuyW3w/djwzeU6TB1WiUm2dLsdXg22USbPqdahmj97UZSVssWCBbgnZ9QWCxQhseKb8Y7U6p1emWr/O0GpfYGzZK4SQbLA7n8PEPBQWWU1KlrIdlrIDSSmWVN0R5PlCYBH/EyN02VA30Gi6I5sMO0b76KZaXdaFl7gcREn6qU/+hHzHHIoRoKfVErvKgF2l09ZCAzSAyOI9o81XsL3bSUTjO4YIdgy+wKRcsqQUy3gDLCnPTV+YGRRVZg0+c5x3oZbQ0xdPDYq+ej3gxqqG0Dwulc5ueddcACK1h2pxderzMDCRK3QwS+poq5MjkJ2W7BfOUzB6I5M2dgFBsNKf6UxK61w7dd+l5RCxBxA92lhfXYAXQEDKRkhKCUSZnr70fH297A4ZkLdMaMQFlurPX1fJnGN+K4V+O6cjn4B0Tqz5iIW/zl0XIlXJfDUO/0XBvnmuXobJKbM10bMTUT5JDNMpE0eOKXOO39KXYLXe7uo3UOiF7Ldlk+9d/d0ck20b0abJq2dyWeA+4pVCSMlSdC6MfOMu9/a+8hLc81lVOQjmdYMOUgmjAI1UfuVQhqhgBr6aqJq0TGDWqPU+y7/Ezkt2aS9hkKwJymSlrW0hrCMyk5idxo7cXbaIbeu3U5Detg6J2fp7xrmZS/f1VhNvbTA4Tvvtt2cbboN9QKKKwnDJMJBl17zrT+YLAyE2dwlHPPQw7iZzLUQqy+wpOCDcvWjs85ooQ2CRwExeR2gFaD5Jk1wlTOPEp/N5L8F/66Rwr0+FVDaSVxO622XibqN+CZx8asn86iTyXnzFVbAHr+P2ecgwNeg87iUHBJtgMHlD1d5YCTtEHXMMc2H00F6DWcaO0P3xI/RMtvPn3z0laWfPzrbYIEV6m7402AobBCa4QBZxM7m8M9y5DM5aRG2FgSivChgEaIwCeRj3TrgjVroU9EP983VlyLDF3QuZ1QX7gDKS15HV7JvNSl6nZieW6Dp9tCK5+W8bLU1QIe6WVaO7dtvqory9kaUygnkRnJXQfOxEOhIVn90B1+rSMSEfQ3wQX7EZG/p45MuDJA8GM4xSOFYKQfTn5PVTCZOsF4Rion9Y0nTLl8MXaaCEwDB6zBq7wg5I2j0obxitlNpOJ0vGfL3Dgmjq6n3ZCNtGQTx4CBuJ1oB9QkI7g1DbmskgQcc14F5mWb6nSMA6KBkTF9LX7QNYlRv1mFnZfU1ie84IkfSZMNvydka9IXlpLCq0IbMQ3KrfWgVHCQH/q2MwErA7oG4qHndhngDcmS3DARBInsm66ZB6alspHruI/1Vqe6loI948U1FfdRvDYASFXnrqsVsQw80W4j3XXY3/rs976WYYzdS2EyN+q+OoTeclx3erV1TS/U7cPyhMOGuh0k83Z69XzylNfNgnqGQ3wJthx52rIG6cj1WfN1Gl2V5QhHkG93Iv0FZrchP3rcXa1AXFAgPOfSvBGP7AaPDz2x/foa3unK2U9BJBdsF6smt4kW6VW46XzznCI4LpH6H68QSMCCZyaebSsqhAImmQ8qvB2LKzsQdHfx3k5nKZLdnXFt6ZS1f5x5iy9KQIc0yQsRU0zCtkZMLcs+GOkympT7iND2VlkPo2lkMDw7q1hXjmUgMpWzPHkvfCuksPYX3eFud9ZI7pFT8KKY+F8cp8TxbZz38nyNvkvI/r61XlvC8R5nrO8vW0ZCVasr/LXxPTOQnZcd/jdpHK+hkyHZzruG/VHXPPG+T5Y5aSM0jfzg27l7sh1aFc/q+8YHzoqTX+J7vW9HZ2qvnvz6+zVRslZFOfkIyBSsFL61wnJUzFzKTpBQtA6+hK4i2/3jpFf/hyjn9II1wNxL91QhnvE/rGWaPcsXFIzvwAcYLLy0c0VpcHkeCmnr3il/9zRdOmQroGB4TcwOnm397yD7a4KRDmd7aBFutW2mCpvJDT+GXvqxQCIV4ttxE6pemQpbpnF10wh/l9STmnrftp+8nyLnlbnLdVk/fBenv1bpgkU/I472SQl9tsplhW691oP1mCVwgJPWV3kUjihm1P9Zq09di/MjVzr6h23Cx5/bJECW5fc64qMO6qOW7QHIS1D7iXuyEVcrgQzODVLQWh/cL1wXK521mLeXbdrMNDesxMSt7SpsSHpUNIZJKUbhsf06q5CPtMyJgB8VhcTR5FmjpqYkK9cU0+0RBW57VjdanVjM9NixIYKRJM7ui3BhAG6qKs3oAPE1SLta8FSXCTf/qy3leqM6x8ebDZkPHQ+FBl/q3reXUdbbn5VSI52ICM8+eas3MsgW9COZqow1fjgYKJgetKiXW52Xz3YUbZHTNPeO91m7wuEGR/7Za83OYOPx/X91VveF2xfvploPZ3BhxvDzrmQ0/LwS2mLL6W0m7uhBZYG1zWZVXG7/wErhVRDFg7DZKHEw+c/WDcTG1ccHXzx+mD3EtZ+wtcm5LCkOnbdXH5CxOIATYCw0llF5VBJt4KoVhMnv643cl//11Dx2kLidOE9KQK0btlzrIyb3rS/meliU52bE0FafkEZSVwYS03eSyJtfFNjuuxuW1GYqO+lW714spbJxfgAAjX7Kquy/SyIWOnLdia3G3RvEGQ8dUETGweZGz5InlfpN0v+ptfFtw49lWN06t4kfsRAi/+ctOwWPkQZ6e1eQb7dDtpgT7b6uT/t9UgJXOZlajNJFNedLinWLRFcipwkhU9QZnPxs2FVgqjIbZUrUlrzi06ASilOxK7DoEF/LXVt04caOz6fRI5ImLUSLX01Mtl2nGwfcWaJrGyYpiM1CRr7DJKNhbx1+E7j92eey+yjeF2i817ddxnJbeGtg/oDl+wTs4IB3aQbk4wBrBevwMRERFitTZC0yrWdt+Yig2hilhnT117qia6m+1vhtqea34apC0jKInAvSKV7GF3tHj7hJbCVr1H8uqAhcx6UtT5+OxUGyIiIgyRNZxURQwmKpBbp74AOiFr5g/b88CNq3UaUTHIDlxYrij0/UVQH4ZVGDeYLtNL/nCCpS5hASIiIjS01dpIVKv6YuXVLWTGuoaPNj0xeaDiT8bAhh5o1W5akxGpjsTOzePUdXOWS7RcNmmGzOgXNuCzn1Nu/JIRERHaj+x8Tyq0XqNTpM2YOTjmdGcLa85GS1coyFacpMfLqqC5eadTIZVdp1HqBZwkDyWyzcN7iys/m+rACyAneORikF9ViGBExMtCKlMVjQi27y02xi4jMHNrbQb/xiUs5K4dudoF+UjHeLrRtpXWZjkeWTHRr0RgpG+Q351LTgIjlF5T441dzuBF9z762ckleEE81TNwIiL+NJBq9w+YlSuNKMUiNFNh8TpTH77pqIuFdcoWpn3OUpD2+RqSK3su+BBLslFbBnZA7tTtwHZty9R+MHCdzYOPzp2MBIyIqEDJzCY939jOgEIXTZWYRQWcP9hMoAAzaQKtugzFe01twEgh3a0IzgOd2K2Wp4LhdLGDFFiuA5CRyjktrkyfnIOIiIgdSGWxAGdddv4j+Wp2IRC3TgoD7lgeyJ4QSmfnbHK6uPYXKwhHu1CSvmQCRKqlMoeXEbLFlfNTyxAREVEL40e2C8M7LxKWDNAFt5wKrE8NAkKKtbQcTUumruC/LY6cshyS39EbN1lL6PDnQwX545V3IoEjInaDHiMbbgHo1T8C2LgPZ+by0xjVT448HP/vb+7pKU55xmr4hMyKNpssazsxYV+hLtjic+x0w8wmydeMzPcJMOWP8e4WbC5fmfxeYl4jIl5npDITqViVUkdQkl1cGgHLx+wStQhvJs9X/ul0ByIiIg4FXECIlbk25toHbZAP1fQqsLZuUwyNjIg4RPCqdRHQQT6gMgwPsR4oEdCdlZ8eW4aIiIhDg9ROMSQnjMuHgziOYmcBIiIiDhXspAlCrPEoVYktUVUf/vj4A4iIiDhU8OthhkymymwINAtnLTGJY1RVRMQhhCdy+KK00iwmhM+zHOd/9cNjNyAiIuJQQta97GgKi0/YvZiRYJPFcDvn7ciXRx8sn8bo242IOMT4f7xerYZ5/0QxAAAAAElFTkSuQmCC\\\", \\\"label\\\": \\\"Image\\\", \\\"value\\\": null, \\\"variant\\\": \\\"primary\\\", \\\"renderImage\\\": false, \\\"customCssSelector\\\": \\\"logo-img2\\\"}, \\\"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\\\": \\\"
\\\\n

Jose Maldonado

\\\\n
\\\", \\\"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\\\": \\\"
\\\\n

Self Assesment

\\\\n
\\\", \\\"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\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header2\\\"}, \\\"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\\\": [[{\\\"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\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Step 1

\\\", \\\"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\\\": \\\"

Health Savings Account

\\\", \\\"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\\\": \\\"

In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person. we'll ask about the pregnancy later.

\\\", \\\"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\\\": \\\"

Section Name

\\\", \\\"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\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_1\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_2\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\": \\\"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\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_3\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"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\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"form_select_list_1\\\", \\\"label\\\": \\\"Select List Name\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"value\\\", \\\"value\\\": \\\"content\\\", \\\"dataName\\\": \\\"response\\\", \\\"jsonData\\\": \\\"[]\\\", \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"provideData\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"single\\\"}, \\\"readonly\\\": false, \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\", \\\"rootElement\\\": \\\"response\\\", \\\"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\\\": \\\"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\\\": \\\"

There will be a question here

\\\", \\\"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\\\": \\\"Checkbox\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-check-square\\\", \\\"name\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"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\\\": \\\"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\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"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\\\": \\\"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\\\": \\\"form_checkbox_1\\\", \\\"label\\\": \\\"Include Confirmation\\\", \\\"helper\\\": null, \\\"toggle\\\": false, \\\"disabled\\\": false, \\\"validation\\\": [], \\\"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\\\": \\\"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\\\": \\\"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\\\": \\\"loop_1\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_1\\\"}, \\\"customCssSelector\\\": \\\"loopText\\\"}, \\\"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\\\": \\\"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\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\"}, \\\"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\\\": \\\"Date Picker\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-calendar-alt\\\", \\\"name\\\": \\\"form_date_picker_1\\\", \\\"type\\\": \\\"datetime\\\", \\\"label\\\": \\\"Field Name\\\", \\\"maxDate\\\": null, \\\"minDate\\\": null, \\\"disabled\\\": false, \\\"dataFormat\\\": \\\"date\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"xx/xx/xxxx\\\"}, \\\"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\\\": \\\"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\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_4\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\": \\\"Line Input\\\", \\\"config\\\": {\\\"icon\\\": \\\"far fa-square\\\", \\\"name\\\": \\\"form_5\\\", \\\"type\\\": \\\"text\\\", \\\"label\\\": \\\"Field Name\\\", \\\"helper\\\": null, \\\"readonly\\\": false, \\\"dataFormat\\\": \\\"string\\\", \\\"validation\\\": [], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\": \\\"
\\\", \\\"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\\\": \\\"

Section Name

\\\", \\\"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\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

List

\\\", \\\"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\\\": \\\"

Field Name

\\\", \\\"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\\\": \\\"

Field Name

\\\", \\\"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\\\": \\\"

Field Name

\\\", \\\"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\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"Bg-headerList\\\"}, \\\"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\\\": \\\"

Name of the row

\\\", \\\"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\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"4\\\", \\\"content\\\": \\\"3\\\"}], \\\"customCssSelector\\\": \\\"Bg-GridList\\\"}, \\\"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\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_5\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"8\\\", \\\"varname\\\": \\\"loop_5\\\"}}, \\\"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\\\"}]}, \\\"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\\\": \\\"

Section Name

\\\", \\\"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\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_2\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START ding: These new tasks that are currently not being done and would have a positive impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\": \\\"Textarea\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-paragraph\\\", \\\"name\\\": \\\"form_text_area_3\\\", \\\"rows\\\": 2, \\\"label\\\": \\\"i Will START ding: These new tasks that are currently not being done and would have a positive impact on my work\\\", \\\"helper\\\": null, \\\"currency\\\": {\\\"code\\\": \\\"USD\\\", \\\"name\\\": \\\"US Dollar\\\", \\\"format\\\": \\\"#,###.##\\\", \\\"symbol\\\": \\\"$\\\"}, \\\"readonly\\\": false, \\\"richtext\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": \\\"Placeholder\\\"}, \\\"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\\\": \\\"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\\\": \\\"Loop\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-redo\\\", \\\"name\\\": \\\"loop_3\\\", \\\"label\\\": null, \\\"settings\\\": {\\\"add\\\": false, \\\"type\\\": \\\"new\\\", \\\"times\\\": \\\"3\\\", \\\"varname\\\": \\\"loop_3\\\"}}, \\\"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-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\\\"}, {\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"REJECT\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"danger\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"Bg-Reject\\\"}, \\\"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\\\": null, \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"APPROVE\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": null, \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"Bg-Approve\\\"}, \\\"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\\\": \\\"8\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}, {\\\"value\\\": \\\"3\\\", \\\"content\\\": \\\"2\\\"}]}, \\\"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-containerAT\\\"}, \\\"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\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-04-08 14:21:11\", \"custom_css\": \"[selector='Bg-containerAT'] {\\n background-color: #FFFFFF;\\n}\", \"updated_at\": \"2024-05-03 17:04:19\", \"description\": \"PLG - Approval template\", \"is_template\": 0, \"translations\": null}, \"dependents\": [{\"meta\": null, \"name\": \"Style general - PLG - Health Savings Account 2\", \"type\": \"screens\", \"uuid\": \"9bf4c562-e24c-4174-8075-97e22f37ffed\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\Screen\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"fallbackMatches\": {\"key\": null, \"title\": \"Style general - PLG - Health Savings Account 2\"}}], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"PLG - Approval template\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":"[selector='Bg-containerAT'] {\n background-color: #FFFFFF;\n}","media_collection":"st-9bf4c68a-5884-4dd7-a77d-f37fc46e9707-media","is_public":1,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-03 17:07:32","updated_at":"2024-05-03 17:07:32"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file diff --git a/Default Templates/paper_template/screen_template_export.json b/Default Templates/paper_template/screen_template_export.json index 815417b..38d1dfa 100644 --- a/Default Templates/paper_template/screen_template_export.json +++ b/Default Templates/paper_template/screen_template_export.json @@ -1 +1 @@ -{"type":"screen_package","version":"2","screens":[{"id":413,"uuid":"9b73c04c-8cb6-4712-a8b1-9fcdca516e0c","screen_category_id":"1","title":"PLG - PaperTemplate","description":"PLG - PaperTemplate","type":"FORM","config":[{"name":"PLG - Health Savings Account","items":[{"label":"Nested Screen","config":{"icon":"fas fa-file-invoice","name":"Nested Screen","label":"Nested Screen","value":null,"screen":460,"variant":"primary"},"component":"FormNestedScreen","inspector":[{"type":"ScreenSelector","field":"screen","config":{"name":"SelectScreen","label":"Screen","helper":"Select a screen","validate-nested":false}},{"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":"FormNestedScreen","editor-component":"FormNestedScreen"},{"items":[[{"items":[[],[{"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":"Image","config":{"icon":"fas fa-image","name":"isologo%202","event":"submit","image":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPIAAAA4CAYAAADHG6V2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABh0SURBVHgB7V1LcxxHcs6sHlCkJIrkPhxh2REcHtZerUlguLsiGfI6BB58Fuk\/QCjC4avACJ+XYPjog6CTjyJ\/gahfIDAsrfiQg0OAknzTyOHwerXaJfUkMI9KZ2Y9unqmZ\/AacCG5PnHUz+oqVNdXmZWZVY2wCX71+6\/mqYev0IB4C03owxHqEcIAiXoW+RioT8DHsiWQa3qOfwPQY+pbwo0eQq8H1O0RdHtQ\/KCBxU+egeKvD\/NNwIkA+b9HfNAhxDYWZuW9Y4euQ0ZGxqbAcRde+uzrBTRwhSl2nLoJYQNB+8AEDURVIvM50nOO6PyQXkhjlcC40UXq8QNkv8vEFkL\/\/BjMnPuxLw0\/gzgtb4XYFqBjBvZ640B\/eeXYsUeQkZFRixEizz983Oz1B2\/Krp4gJ10hkFj3laCOsAnBA8nDPZHkPSvkBeo5aSwkpg2+2OMtH8\/8\/fPUOPkDUBLXF\/OT7gb9w92\/fLYNGRkZIzDpwbnfMokH9h2WiC\/LMek\/v40HIjT1wJFOpacqxnpdfqxko9xDLoU76ymKfg\/Rb\/ln1\/6AgcRlNmWWvDlx4Cm4d+6zx5cgIyNjBJHIQuJihklM1AykUtKRI6YyTvYDA4XJ6BgeiK5pKJXy6M76NIHEFHnqYH\/3OCGtT4kY7w8ocHDtbz\/PZM7IGEYkspIY4LiOU4dB5Y51CnA8g47PXjqX9yMk55W5pbT1ZHf9hAjvdatj4hHy1pZlsHyO1X\/IyMiIUCKLYUslsWB4nOoYBoGykbFoVMMWsgXhmvBYWZyC0Fumw40GXLogo8GJ6Zitintn+KpIa8QjhRvDZ2RkeDTkf2jwShj7jlqbhEjWCdGgPutJq\/uOjOjor8RzPHYkhyBVVToHN5PmQ4HC7Gwyw1kiWVcWFdleq6dwLGP4X\/32q\/l3\/\/zwCmRkPEGcap1bQGuPy37XmOv\/2b7VgX2Axt99\/uUF66Wx8+UKzyhKRCasGyc7kgrZHUk9zZCcYctLbKpIdG8UI0ysXQqXBEOfMNx\/ePLqriewL090UdkG\/povr0BGxhME66GXuHXOy\/7MYLDCmw7sAxgL5pVw4IxWhFHygYvSwGE92Ulg7\/NNTgNVBrnkx7joU6QW69Jq7WX5kLErqtTSUfitPpOiGn9+\/uHDo5CRkSEjVWiNnEUvXbG0QRNiOYIlQm\/kCgNiiqpzSscgnav2aOe9oorleqSv8GK6NIANGb7kendw4GXIyMiABhOlZYkoWpm9pC3Va0+q+M9JUevHwqVEDjeQl8QU\/cwUbNRxjyAV9PoQC9HFBQAjricnmUmThTTWYhMyMjKg4XXWaIiCwORURqIbDHtWoxAV\/dYn1zQQVGenDrtewZvBgnRVMsqWIAysXdY2VZtL\/5bjNrmhNpUdhw6XaZBV64wMEKu1V57tf3+DtvP1I3jsyBEkshAO2c3LRmqnW4uxWtJYH9311IEV+MGhFfPcM52BGbBDugAYDNzT+ckD7Rv4nFq5u2Ii147BsMGAnzcP4ruWR\/ZCJBdWOwsIj3Ims3iGICMjw6Mhqm\/v9u+hf\/sPsluRcCWPvI1ZlOZSIj5ii\/aFe\/9y5ibsDNdbV+4dRTtYZmpfEiL7gM3qMLsMEw3+qugHq3OWbRWzs2df4yfo37u6eudqqzV\/1MLjS9x5qM2A\/\/ZHxtDNdvvOjbr0P2u92GpYVENh39DbH7XvtsU1YcjyuB2bxhQL9+795tM0Tat1bt5aeiXUs8tj8Ha7\/cEKbIJq+bDJqbn+oW3YBdLexAUymlbfX3vS3zdcbn7Xl0JazRvNjdX2reub5QvwzQX+O19O8+VevD0u7XC9HoBnOr7s8\/yMo67c+Eb6N1fLt9WyxXfRHH7uqdaZC2hhTu4z5mk+t7KtCTupi4rR4fZ1fSjvJou1BZaOc5K3qxdamfQuT3J5jbVqExK310E4+CitFzz77v\/Y\/jufYRmMgT52I8Art6rYlm4hPrXwH1dOT6ysreIX\/\/zuOzP\/NPcy+gCQJO7a544hLox9zv660\/KXbr1w+CrsALNzZz\/hTVP2WTs4wXaCd8JxCs5mpcBDF4df5qlTLy6gMW+6m4j3kRssXAjXC1M0A5HlxXH9vklhIsooOlyG8+Ne4mzr7CLncSW89BGQXV5dvXu57lKLiWHJvFX3t22WtzY4IknbGpe2j\/aidGJj0tbW6aR8h+p1id\/4wugz6BFrdosGDr5N9Pit2npFurravrNUl\/Fs69ySq88acDpuYce5qS3IYfoeBXNzZ98J+ZG182trd2\/W\/N2fxJJauLC2dvvtLeU9odyzs2eucF0suWcOLqApliGpFzN48CWKOoyN+EPgLfFPtwXLy0ZD95G3VOi5zrRILBhQ76qbKaUqNqsI4GZZibodp0KCm13VlfvQzbCyMBUkDa5D6pumSFruSLjn\/ubKpPTcvS2kJE6h0pCfP4HEAm30ToJVIb079yavjyWxFtIszs6++Ppo3tKoMCGT\/l1t\/9s0b18vCYklPaUdWrPBz5d8RvMdIXFnOO24fMu\/CxblPnkn3BJuQPTZcl1w52Xh2+WkXjuVtIRXTrZ+OT\/8SFefKZFYguvzfUwCp2MSz8MOwZpBfDaX+dpkEru8K2Xn\/LXjnoBhEguM\/ULGtSVZmcBEDX49kbzuHM4Isfm+Gb4201iBaWLADavnx8kyx9lNhSToox5jj1+pmzJJjsxWjsF2p8RkrpQB4cLq\/dsn1u7fPr96\/84xJsBSvMpEmdTgMPTQ\/OKkl+51y17cwro2Rn9rR65zPig\/skbSdUIZrP32tZFnJy+eO4vlL\/HQMUkrW87wclrG4YbrGpVX3bhsX+LTJzjtafl1WQuZlLc2+JFy3zkmP5\/WdwZ4lFXU10bzjWnbgz61pG6TtJ1x+Q799dwJwqK8k7X7dy4aPHQ6zZdbxiUhuK+TE1qnRFHAFGQujTwxrU9fJ+75t88nZWvCDqCal5fkgh6aq+m1lMSuvd055trb7ROVd8kd98QOzpePO8IleS\/9nj1thKhCTjVSiWQuCpQfqERuyDUhukhtJCe5EWcOdGCKaC+ffxSlrhBWfl031znMfVZSq4Qmv2CBuzYNyAv9cLU6pnqweusqJZFj1k6edSWVyo3tVVG1Pv44GRsTxXTcUM6nqtja2vs35Vy810mgCBmrgX9p2ruv3r7c8Sq+bFdXby9D0uEYW8TgHmkISaPqSNk6yfBAQgst4qtl3mUD1Gcl5ebGspCWW9Iyqc5HCYtUScv5tpK\/+eKHH965n6btY3Ex+ZtrNRn\/pPaD1dtvhCMZ3rA+VhlKMVkup39XYZ5eTMoxn97bar0k5Wr6w85X+PTliXWyTVSkMXe6afjmINHI6trb8LvcvL3B4gO27ch7+eiju22jhBWiiuRlQjtV2kAgtv4apTR2xwamjp77kVenhaS2ZwNx0ZMYvdSO90wFlq7Vn7dpZTdhAvpsgBg+53tVTSedQl1crpwrOww8KsaecC0YXHxZao1SbCCJqhvX0nx5ZT0+h2usXZf2QfvWCiTSMZUCXKa4PzwOFDibAXZCuYckiN+nR3V\/80ft37TLfHHc+Fs0nZFyF2DSc53h57tyRRW+mV4bQD8eS510aoxYrk5oW8Ytgdgi0o6zx4az9LozgnqMaW\/WQKxnNhWNrRd5ftrBueezGi0\/JSub7VAlcEPVaWgEEsv1BgRJbc30iSwSOUpbUZt1\/S90q4wESdxHlcy6Wokcd2EqaDRmOnXni6KI54ct+pWyjyFpSqZJjcMAdWKeAzhS5pk2RByTPtWOynH0AGzcR4I2jAEm4zPE7pG683VjTQFLr8ti6NNf\/dOPDo+fk7SvTk67G4ypqwFtqU7G1\/V4EJnXk4Ol0faAzbA3rr01kjq3yf0jedV0zA0hZ1jLI\/UtoYuIJhdN5f95y7YpEKaOXlpQAB8BUhquIQk0iWeeHCZVbErE8ffAthvHVuCt6aMvRBqt2fl74qpuc4Wr2muoeJMJOWJh9hK9JjHcCMMEsXpz2otbTvsdhNgTiKI2NOJumjbqOiETrNHBIu1UZ2foEpVbrdjOUs2qt5PS1jRg2lDrtJfGSuqw9hcfB2OX9cauKLWnZ+zaFcQfDN8zGHNQVLeOP1QLM1tdL20lbVfVyqiBtLaT9ruIigHNwiLsPTrDJxpKWiwlXrjgZWGIvxRpncZPw7Shxi4oQzLB50tuWqVb2gBK\/zLF2\/YDaF8TWabdsR+y\/tqYsb9I+p+yFD5QupGa3Ciusf99SfyZrGHcHOf3FrWSx\/rn2b\/xVl3azYI1vitAg8vsV4516NxNd97eLN1gMGB34ZmRNsPW\/6M7jXFiIhcaAOLI4cIiy7m\/cUaT4xF4jXYPxsgqaSvsDH8RaZyoRUNYWb2EcDeq4\/8nqHsMt+8bFUKyEet0366\/ZpCW\/GklpSxVLH7RcaSUIBHpCGbYkoulEeh7RmhsVaIQ0W7t79Fhx3TbbkMt1p64mJI15ulzdLe4CRZ7QaAeVGKtYyk05loKaF3ZklHzHigG31e0x1muUxAd+GIkoRuDX2VSXveknIdUys6+2BoXVeYNPq9y2qu1hG6dOTEu+uo7glCnatRk\/6yo2CubJfLBLRO1OG7nHdgG2NiFIZ55eMpRue92yICPldwDAqmvOCkIQdSv3bwrHA2wtrRvdOv9DaIba+xzhF0gIWWzQkqJKmud\/XS1zX7QzdNWCa1RTOc++a5KZvavLxbFM\/ctPb7Hh03RfMTC\/2CT2PmGaSwOx+HvFoZNkmKWRCE005r9xDJZCUG3DVRzq66pJRp44e7dC80aNmTR+i7qp2U2+nqM624he+r2ye\/LeeD7ZEumOyX\/U8aWIaSU4JJK5Nuk2OGatBIsUaa1T8I4tGfQIBVrYyfppfITB\/uRWXEtHGGVtI7M5Tk9ln3eihbu75s2hLDABBWSUrcrn5QhYKLKZ2ZgfQPDJ2fkHlRCb6DNRFbMzZ15U3518dYO4+O0xc8bfrANSOQbJOGSaSDLZpAItdJAiK1NwhH3PdbW7l4DXxcilX1E3o5Qvo\/t1YnRlXQCiY3MLtLJ+6iSWggtx+xqdlsAJfX0vU9KTOz2AYWc60LerpJXJLCek9+G2zqys5l7\/ckReSu+4hp0wo5NIqVGUU+0qlurPiBFwg4lokijihKD1paDWYjelNk68jt9+qXj7pnn5tkgRfI7NXfmrXFpMRl3h0AWmb0U0krnMj4ttsvylYEoTwrVYJvdQ4NjwrMJa2Kly\/bT73drO70wc0p+A3o8tt7rYISsQlS35Z8QOhDWOJKLwViXIAjXpiyRf\/mvH8+DknZDVWdIpbESmMksxPYS25F9A83R6fQo7A6o7UHdHNewv31fsXPPOMkjPfW4XpaSGUYy5koudcIO97C1L38ANgnFTA0kB9vJ+bESInU\/JcauTsx34qwtbMZyFKBpi2Im5js5Oqk23z1FWjYaMzXTayZN2CYkwCWJzR+ZDKIBNh5beZfbdWkaVqHRjYtV8urYOCGzJ7mo1IilCj5dJlO\/dwnWZezbV\/Xa\/eSYf+s8RvYE5rEzoR8n4wxB46+ehamA3QF1U\/FSAhDp0qfbBkXJI7OERqdD6tS2JB47nfdsTPJZWS7jsPoqZUyDEVAiqjx07JbEcLOFeGmrebeH4r\/r055dTKcQhjnJbY2jLjuvzfKViRHbnbi\/c0g4a6nS1wWppBMftgu2NJUGRW1TZcdtDd6vXhtub\/NHRZLHW5J3uRU0lLQw\/HUJtz5W1fUUAjZwqnEYv\/j1B8usIi\/oAUWjOPpsfVRoDBbRmFFzsMBi9s8AfnQQpgSNXGJVcEXM\/qJ2WbIXEpW3s7b2waaO\/jrIy8UQvicW3rmzF8C\/JM6nlYT2SXz5YppWGvip2bPL6PyORxuE97iMN2Q1i7oyDocGVvJmCzGnPS7fnta8CS6keYO1S5PTnn2ZW4krN59P51\/b1Hjl7r\/KL+v1JN85ft5Kbb7DafcQUp+zs+eWIfjE2QXGZZuv1Il2TkJ23Pa4XaTyqbmzK06LiR335fLamRvMH31nob0x1W5aa+Ysfbsw6V1uBiVyWNhWyevW6RJfk\/fYekeQMQRhlY6NfvPn\/\/ZfC27MPOOktIZ3GgnEdk8u\/E8wA+U5P7GKHn7dpD9+ewkHtinRWwb8CpuSo18FRJf3ik5j\/4jDB9D8zQ8JDkzRmS2Nicnixpkw1FHRoz7SRdgh5AXOzp69HBu2SCIfh5zmI9Mg0+l+AYU5dJXdG\/PgVUGShoDa4FJ0KtMhk7xPzp5bCsEc+vf5hMN5Pxia4TSalhsnhXnXZdVLNNOD1TuVmTgyJY\/THknylc7rQm2+exyXPAwJPeX6XICoiYzUSRvV7w4LsAMMd9wseeOyRAU+zdb+x2EqZVNtG+TaHJR1WvsuN0NDx74QJ0uUcxIwcRr75XdiVhv9eX4NC6qTy6J6WHjSu4BOMYx5ZrptsvpliDjBY4fB\/PAwqHNareHi2kJnYEN\/f+GXF+Lz5AxvjtlOxZ+aYsCGoeU+9W9yDq+VY0JdveGGTA6vn9lkHkb1k+jTSc+Xhs0+1BvOhwqJFJU8WBqwNHxQM1VQ4NXO034JHBl3pep1h8lw7Wvz9BudMeqpWJd\/1nrp7YIGr3MttraTt6QtA0Hqy702IS2X+VNmzqXt5Vup13bds0u1v94Aya34PreS2msh9HQouEWgdSlzfGdnzyxx411xz6qO30UbCvqrtVg7DZIl77VgP+hbtbNcDXnz5sRO3iVJG\/NaDbu7RtobntGhFPiw5sAzDJ91cBLSfx41hEjSH9c79nfrTSrYuVwY1K2RxQeMk8qBhG7BzGgVFxeWrmXv9t3imsbnG84pWTnHwvUA4IlePsP9JDtrYOnWT3a\/Ztfwukx7jSaPhw5tdI9UFiDYBl544aXjj5868EVnB2PL3aTdTbl3+zfvFZp+HNt5YuP0KnbzPlLgmX9\/5AegWC5xHURvWAwPkmPZfL7Rsf8rRDaRwFTI8kBGHVpKThf5WZK48CQeS3Lwvmo3Ldo9w6v4kk7Tq3uM88IwyfHC7Z8+t6Ox65+SyBkZ04YzdmH52YgQ4QwA4aunXkqTSsZyGXpI4rA938ktwKldQQjMDoPO8J0o9\/UK93yEZGiguTh7Vph6pdnq5Iionof1rmV\/0B9k8mVkgI+1FiAmX5sojcRQ7hm3yID\/5EPFbEEEwxHYyaDYUzBOg4xy35vR\/IIG\/kMX5Gc1hc+pYvULE+VXIaFz9+SxNmRkZMjsJ9mgn\/lbupvKrVe5fXCX3miCvgtYpW+KaArE8HVklbPxCzXRnQQQZzRVpzQlX41zhI69gaoAS5CRkaFo6HiVyg+uYfiecTxHJSfDeaO6M8bvMUWrtzeapdKcSts+YhDF8gzjr6RTFvXnTed6L7rPx\/iRu1fI2WnfYZPhTcjIyFA0gpgNTqewuIBXb5VRFFgL7pDCpbjmQPRWOQYjlj7oxP8cRW\/oENQ\/HdYuEAO2Wtww6M7l7f446tfyhYljHdgFSNeVCp9ueTIhghkZe4VGjJvG8NVSPUjW3CuNS6VxK1jDNDwEQmRYqmVT+PAiO9vU7zvsxvK+Lhp+dhDQabm8Nu3yoOX3XzhyHXYJNwMnI+P7gYZMU\/TfR3UCFCt2KAgGqpLkbvJEVLOt1Wgu9\/XGkMQbxYxXiMM4mIKrOnI2ZOLd1n6MXOkRAon12rX3Tx7JBMzIGIJbWEAXDGCayEICMkGiIAwLCqCbQIFx1pOBKEFV6y4N25CwH8uPnVOwbTlQYvGmMgAFIK4MFtbeo7Sg3F0s3Tr53KuQkZExgob6hp1wjGPYaJGO4dbeoRzOGH+PGqJMtEBjYjQLwSTBP+0Cx6rwhmqsGMTIB4kEvzPRyoDM0t25525CRkZGLRq6zI\/uln7foBDrhsrxKYALje5jcCMZKK1dgfxQkjCJ2C4fXnYa5CS6s02DF\/EAD\/nwU37sDSKzcvfFw5nAGRmboKGqNETZ69RdZ2iKA9n4AQpwwrn4i6du9D7pLx\/i48dyYcAnZ2YcXQcAhw64+x8f5P1Kdk+5T6Gmsw8lkZ8d9W13\/Yv2+WN\/kpjXjIzvMhp+RhGUgR8QZlBULMxxuVxRlwvTufePz38KGRkZ+wKNMGc4XVwAQ6hkGeEVAqedxJ74AayMjIwnDbeutXP7+KAP\/0m3xGBVklrJ3Hn\/+TxuzcjYT\/BL\/ZTxHOj9P0mMRmnDcqbnJcjIyNhXUCIn4ZF6MrE\/R9+w9z698d6Pn70OGRkZ+wq6nmz4iFsEVnaDd+raez96NkdVZWTsQ\/gZDS4ohMqpCpDMSHpoySwyiV+FjIyMfYkG68vqRqpEXRE8IjJtAtt+6uv+9ZUT2bebkbGf8X\/lttWcPmjJVwAAAABJRU5ErkJggg==","label":"Image","value":null,"width":"200","variant":"primary","renderImage":false,"customCssSelector":"logo-img"},"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":"
\n

Jose Maldonado<\/h4>\n<\/div>","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":"
\n

Self Assesment<\/h3>\n<\/div>","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":"
\n

ECR No:<\/strong> {{ecrNumber}}<\/p>\n

Date:<\/strong> {{ecrDate}}<\/p>\n<\/div>","interactive":true,"renderVarHtml":false,"conditionalHide":"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":"6"},{"value":"2","content":"6"}],"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":[[{"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":"Rich Text","config":{"icon":"fas fa-pencil-ruler","label":null,"content":"

Little Title<\/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":"

Health Savings Account<\/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":"

In general, please list everyone who lives in your home. If someone is pregnant, just count them as one person. we'll ask about the pregnancy later.<\/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"},{"label":"Rich Text","config":{"icon":"fas fa-pencil-ruler","label":null,"content":"

Section Name<\/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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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"},{"items":[[{"label":"Select List","config":{"icon":"fas fa-angle-double-down","name":"form_select_list_1","label":"Select List Name","helper":null,"options":{"key":"value","value":"content","dataName":"response","jsonData":"[]","renderAs":"dropdown","editIndex":null,"pmqlQuery":null,"dataSource":"provideData","optionsList":[],"removeIndex":null,"showRenderAs":true,"showJsonEditor":false,"showOptionCard":false,"selectedOptions":[],"allowMultiSelect":false,"showRemoveWarning":false,"valueTypeReturned":"single"},"readonly":false,"validation":[],"placeholder":"Placeholder","rootElement":"response","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":"Select List","config":{"icon":"fas fa-angle-double-down","name":"form_select_list_1","label":"Select List Name","helper":null,"options":{"key":"value","value":"content","dataName":"response","jsonData":"[]","renderAs":"dropdown","editIndex":null,"pmqlQuery":null,"dataSource":"provideData","optionsList":[],"removeIndex":null,"showRenderAs":true,"showJsonEditor":false,"showOptionCard":false,"selectedOptions":[],"allowMultiSelect":false,"showRemoveWarning":false,"valueTypeReturned":"single"},"readonly":false,"validation":[],"placeholder":"Placeholder","rootElement":"response","defaultValue":{"mode":"basic","value":null},"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":"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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"

","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":"

There will be a question here<\/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":"\n\n\n\n\n
 Include Confirmation<\/td>\n <\/td>\n Include Confirmation<\/td>\n <\/td>\n Include Confirmation<\/td>\n<\/tr>\n
 Include Confirmation<\/td>\n <\/td>\n Include Confirmation<\/td>\n <\/td>\n Include Confirmation<\/td>\n<\/tr>\n
 Include Confirmation<\/td>\n <\/td>\n Include Confirmation<\/td>\n <\/td>\n Include Confirmation<\/td>\n<\/tr>\n<\/tbody>\n<\/table>","interactive":true,"renderVarHtml":false,"conditionalHide":null},"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":"Checkbox","config":{"icon":"fas fa-check-square","name":"form_checkbox_1","label":"Include Confirmation","helper":null,"toggle":false,"disabled":false,"validation":[],"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":"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":"form_checkbox_1","label":"Include Confirmation","helper":null,"toggle":false,"disabled":false,"validation":[],"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":"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":"form_checkbox_2","label":"Include Confirmation","helper":null,"toggle":false,"disabled":false,"validation":[],"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":"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":"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":"loop_1","label":null,"settings":{"add":false,"type":"new","times":"3","varname":"loop_1"},"customCssSelector":"loopText"},"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":"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":"Date Picker","config":{"icon":"far fa-calendar-alt","name":"form_date_picker_1","type":"datetime","label":"Field Name","maxDate":null,"minDate":null,"disabled":false,"dataFormat":"date","validation":[],"placeholder":"xx\/xx\/xxxx","defaultValue":{"mode":"basic","value":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":"Date Picker","config":{"icon":"far fa-calendar-alt","name":"form_date_picker_1","type":"datetime","label":"Field Name","maxDate":null,"minDate":null,"disabled":false,"dataFormat":"date","validation":[],"placeholder":"xx\/xx\/xxxx"},"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":"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"},{"items":[[{"label":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"
","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":"

Section Name<\/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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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"},{"items":[[{"label":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"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"},{"items":[[{"label":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"Line Input","config":{"icon":"far fa-square","name":"form_input_1","type":"text","label":"Field Name","helper":null,"readonly":false,"dataFormat":"string","validation":[],"placeholder":"Placeholder","defaultValue":{"mode":"basic","value":null},"conditionalHide":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":"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":"Rich Text","config":{"icon":"fas fa-pencil-ruler","label":null,"content":"

Section Name<\/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":"Select List","config":{"icon":"fas fa-angle-double-down","name":"form_select_list_2","label":"Select List Name","helper":null,"options":{"key":"value","value":"content","dataName":"response","jsonData":"[]","renderAs":"dropdown","editIndex":null,"pmqlQuery":null,"dataSource":"provideData","optionsList":[],"removeIndex":null,"showRenderAs":true,"showJsonEditor":false,"showOptionCard":false,"selectedOptions":[],"allowMultiSelect":false,"showRemoveWarning":false,"valueTypeReturned":"single"},"readonly":false,"validation":[],"placeholder":"Placeholder","rootElement":"response","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":"Select List","config":{"icon":"fas fa-angle-double-down","name":"form_select_list_2","label":"Select List Name","helper":null,"options":{"key":"value","value":"content","dataName":"response","jsonData":"[]","renderAs":"dropdown","editIndex":null,"pmqlQuery":null,"dataSource":"provideData","optionsList":[],"removeIndex":null,"showRenderAs":true,"showJsonEditor":false,"showOptionCard":false,"selectedOptions":[],"allowMultiSelect":false,"showRemoveWarning":false,"valueTypeReturned":"single"},"readonly":false,"validation":[],"placeholder":"Placeholder","rootElement":"response","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":"Select List","config":{"icon":"fas fa-angle-double-down","name":"form_select_list_2","label":"Select List Name","helper":null,"options":{"key":"value","value":"content","dataName":"response","jsonData":"[]","renderAs":"dropdown","editIndex":null,"pmqlQuery":null,"dataSource":"provideData","optionsList":[],"removeIndex":null,"showRenderAs":true,"showJsonEditor":false,"showOptionCard":false,"selectedOptions":[],"allowMultiSelect":false,"showRemoveWarning":false,"valueTypeReturned":"single"},"readonly":false,"validation":[],"placeholder":"Placeholder","rootElement":"response","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":"Select List","config":{"icon":"fas fa-angle-double-down","name":"form_select_list_2","label":"Select List Name","helper":null,"options":{"key":"value","value":"content","dataName":"response","jsonData":"[]","renderAs":"dropdown","editIndex":null,"pmqlQuery":null,"dataSource":"provideData","optionsList":[],"removeIndex":null,"showRenderAs":true,"showJsonEditor":false,"showOptionCard":false,"selectedOptions":[],"allowMultiSelect":false,"showRemoveWarning":false,"valueTypeReturned":"single"},"readonly":false,"validation":[],"placeholder":"Placeholder","rootElement":"response","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":"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":"

There will be a question here<\/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":"Checkbox","config":{"icon":"fas fa-check-square","name":"form_checkbox_1","label":"Include Confirmation","helper":null,"toggle":false,"disabled":false,"validation":[],"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":"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":"form_checkbox_1","label":"Include Confirmation","helper":null,"toggle":false,"disabled":false,"validation":[],"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":"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":"form_checkbox_2","label":"Include Confirmation","helper":null,"toggle":false,"disabled":false,"validation":[],"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":"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":"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":"loop_1","label":null,"settings":{"add":false,"type":"new","times":"3","varname":"loop_1"},"customCssSelector":"loopText"},"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":"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":"Rich Text","config":{"icon":"fas fa-pencil-ruler","label":null,"content":"

Section Name<\/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":"Textarea","config":{"icon":"fas fa-paragraph","name":"form_text_area_1","rows":2,"label":"i Will START ding: These new tasks that are currently not being done and would have a positive impact on my work","helper":null,"currency":{"code":"USD","name":"US Dollar","format":"#,###.##","symbol":"$"},"readonly":false,"richtext":false,"validation":[{"value":"required","helper":"Checks if the length of the String representation of the value is >","content":"Required"}],"placeholder":"Placeholder"},"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":"Textarea","config":{"icon":"fas fa-paragraph","name":"form_text_area_1","rows":2,"label":"i Will START ding: These new tasks that are currently not being done and would have a positive impact on my work","helper":null,"currency":{"code":"USD","name":"US Dollar","format":"#,###.##","symbol":"$"},"readonly":false,"richtext":false,"validation":[{"value":"required","helper":"Checks if the length of the String representation of the value is >","content":"Required"}],"placeholder":"Placeholder"},"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":"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":"Loop","config":{"icon":"fas fa-redo","name":"loop_5","label":null,"settings":{"add":false,"type":"new","times":"2","varname":"loop_5"}},"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":"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":"Submit Button","config":{"icon":"fas fa-share-square","name":null,"event":"submit","label":"Submit","loading":false,"tooltip":[],"variant":"primary","fieldValue":null,"loadingLabel":"Loading...","defaultSubmit":true,"customCssSelector":"btn-position"},"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":"9"},{"value":"2","content":"3"}]},"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-form"},"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":[[],[]],"label":"Multicolumn \/ Table","config":{"icon":"fas fa-table","label":null,"options":[{"value":"1","content":"6"},{"value":"2","content":"6"}],"customCssSelector":"bg-Footer"},"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":"2"},{"value":"2","content":"8"},{"value":"3","content":"2"}]},"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-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":"FormMultiColumn","editor-component":"MultiColumn"}]}],"computed":[],"custom_css":null,"created_at":"2024-02-29T13:48:17+00:00","updated_at":"2024-04-30T20:59:31+00:00","status":"ACTIVE","key":null,"watchers":[],"translations":null,"is_template":0,"asset_type":null,"projects":"[]","categories":[{"id":1,"uuid":"9b3977fb-43a4-4d9e-a550-d0893602744f","name":"Uncategorized","status":"ACTIVE","is_system":0,"created_at":"2024-01-31T14:28:03+00:00","updated_at":"2024-01-31T14:28:03+00:00","pivot":{"category_type":"ProcessMaker\\Models\\ScreenCategory","assignable_id":413,"category_id":1}}]},{"id":460,"uuid":"9b7e8ab1-8c92-4442-824a-2a7b9b34e851","screen_category_id":"1","title":"Style general - PLG - Health Savings Account","description":"Style general - PLG - Health Savings Account","type":"DISPLAY","config":[{"name":"Style general - PLG - Health Savings Account","items":[{"label":"Rich Text","config":{"icon":"fas fa-pencil-ruler","label":null,"content":"Fonts\n\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"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\\\": \\\"

STYLE GENERAL - PLG - Health Savings Account

\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"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\\\": \\\"bg-Header\\\\n\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"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\\\"}]}]\", \"status\": \"ACTIVE\", \"computed\": \"[]\", \"watchers\": null, \"asset_type\": null, \"created_at\": \"2024-03-05 22:32:30\", \"custom_css\": \"/***StyleDiego-PLGHealthSavingsAccoount*****/\\r\\n[selector='bg-container']{\\r\\n background-color: #DEEBFF;\\r\\n}\\r\\n\\r\\n[selector='bg-form']{\\r\\n background-color: #F6F9FB;\\r\\n -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n padding: 10px 30px;\\r\\n max-width: 873px;\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n[selector='Bg-Form2']{\\r\\n background-color: #FFFFFF;\\r\\n padding: 10px 40px;\\r\\n}\\r\\n\\r\\n[selector='bg-Header']{\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n max-width: 873px;\\r\\n margin: auto;\\r\\n}\\r\\n[selector='Bg-Header2']{ \\r\\n background: linear-gradient(to right, #bcdcf8 0%, #ffffff 100%);\\r\\n /*max-width: 873px;\\r\\n margin: auto;*/\\r\\n}\\r\\n[selector='Bg-headerList']{ \\r\\n background-color:#95C8F3;\\r\\n padding: 10px 15px 0 15px;\\r\\n}\\r\\n[selector='Bg-GridList'] .row{ \\r\\n margin-right:0px !important;\\r\\n margin-left:0px !important;\\r\\n}\\r\\n[selector='Bg-GridList'] .col-sm-3{ \\r\\n border:1px solid #95C8F3;\\r\\n}\\r\\n\\r\\n[selector='bg-Footer']{\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdcf8+0,bcdcf8+40,f6f9fb+40,f6f9fb+41,0d4779+41,0d4779+41,0d4779+100 */\\r\\n background: linear-gradient(45deg, rgba(188,220,248,1) 0%,rgba(188,220,248,1) 40%,rgba(246,249,251,1) 40%,rgba(246,249,251,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 41%,rgba(13,71,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\\r\\n -webkit-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n -moz-box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n box-shadow: 10px 10px 4px -6px rgba(179,179,179,1);\\r\\n height: 68px;\\r\\n max-width: 873px;\\r\\n margin: auto;\\r\\n}\\r\\n[selector='logo-img']{\\r\\n padding: 25px 20px 10px 20px;\\r\\n}\\r\\n\\r\\n[selector='logo-img2']{\\r\\n padding: 35px 20px 25px 40px;\\r\\n}\\r\\n\\r\\n.hdrTxt {\\r\\n text-align: right;\\r\\n color: #FFFFFF;\\r\\n font-size: 20px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n padding-right: 10px;\\r\\n padding-top: 5px;\\r\\n}\\r\\n.hdrTxt2 {\\r\\n text-align: right;\\r\\n color: #556271;\\r\\n font-size: 20px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 0px 50px;\\r\\n}\\r\\n.hdrTxt3 {\\r\\n text-align: right;\\r\\n color: #556271;\\r\\n font-size: 20px;\\r\\n font-weight: 400;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 25px 50px 0px 50px;\\r\\n}\\r\\n.WhitehdrTxt2 {\\r\\n text-align: right;\\r\\n color: #FFFFFF;\\r\\n font-size: 20px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 0px 20px;\\r\\n}\\r\\n.WhitehdrTxt3 {\\r\\n text-align: right;\\r\\n color: #FFFFFF;\\r\\n font-size: 20px;\\r\\n font-weight: 400;\\r\\n letter-spacing: 0.075rem;\\r\\n line-height: 1.2;\\r\\n margin: 15px 20px 0px 20px;\\r\\n}\\r\\n\\r\\n\\r\\n.Textlitle{\\r\\n color: #9dabb6;\\r\\n font-size: 16px;\\r\\n font-family: 'Poppins';\\r\\n font-weight: 500;\\r\\n line-height: 24px;\\r\\n}\\r\\n.TitleHealth{\\r\\n color: #000000;\\r\\n font-size: 38px;\\r\\n font-weight: 600;\\r\\n font-family: 'Poppins';\\r\\n line-height: 45.6px;\\r\\n}\\r\\n.TextField{\\r\\n color: #556271;\\r\\n font-size: 16px;\\r\\n font-weight: 400;\\r\\n font-family: 'Poppins';\\r\\n line-height: 24px;\\r\\n}\\r\\n.TextFieldGrid{\\r\\n color: #556271;\\r\\n font-size: 16px;\\r\\n font-weight: 400;\\r\\n font-family: 'Poppins';\\r\\n line-height: 24px;\\r\\n padding-top: 12px;\\r\\n}\\r\\n\\r\\n.TextFieldWhite{\\r\\n color: #FFFFFF;\\r\\n font-size: 16px;\\r\\n font-weight: 400;\\r\\n font-family: 'PoppinsBold';\\r\\n line-height: 24px;\\r\\n}\\r\\n.TitleSeccion{\\r\\n color: #0B3961;\\r\\n border-bottom: 2px solid #BCDCF8;\\r\\n font-size: 18px;\\r\\n font-weight: 600;\\r\\n font-family: 'Poppins';\\r\\n line-height: 35px;\\r\\n}\\r\\n.TitleSeccion2{\\r\\n background-color: #DEEEFA;\\r\\n color: #556271;\\r\\n font-size: 16px;\\r\\n font-weight: 700;\\r\\n font-family: 'Poppins';\\r\\n padding: 10px 20px;\\r\\n margin: 20px 0px;\\r\\n}\\r\\n.form-group label{\\r\\n color: #556271;\\r\\n font-size: 15px;\\r\\n font-weight: 400;\\r\\n font-family: 'Poppins';\\r\\n line-height: 20.43px;\\r\\n}\\r\\n.form-control {\\r\\n color: #556271;\\r\\n border: 2px solid #bfc4c9;\\r\\n border-radius: 4px;\\r\\n padding: 10px;\\r\\n margin-bottom: 15px\\r\\n}\\r\\n\\r\\n[selector='btn-position'] .btn-primary{\\r\\n background-color:#1572C2;\\r\\n border: 1px solid #1572C2;\\r\\n color: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n/***Approval template***/\\r\\n\\r\\n\\r\\n[selector='loopText'] {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.required-asterisk{\\r\\n color:#1572C2;\\r\\n}\\r\\n[selector='Bg-Approve'] .btn-primary{\\r\\n background-color:#4EA075;\\r\\n border: 1px solid #4EA075;\\r\\n color: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n width: 100%;\\r\\n}\\r\\n[selector='Bg-Reject'] .btn-danger{\\r\\n background-color:#ED4858;\\r\\n border: 1px solid #ED4858;\\r\\n color: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n width: 100%;\\r\\n}\", \"updated_at\": \"2024-05-03 17:04:06\", \"description\": \"Style general - PLG - Health Savings Account\", \"is_template\": 0, \"translations\": null}, \"dependents\": [], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"Style general - PLG - Health Savings Account\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": null, \"force_password_protect\": false}}, \"version\": \"2\"}","screen_custom_css":null,"media_collection":"st-9bf4c624-c0d5-43cb-a779-288c08220d07-media","is_public":1,"is_default_template":0,"is_system":0,"asset_type":null,"created_at":"2024-05-03 17:06:26","updated_at":"2024-05-03 17:06:26"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file