{ "settings": { "recaptcha": { "isEnabled": "true", "siteKey": "6Les66kUAAAAANyLrgkl7iuN4JUpNlB5upaMovI4" }, "hcaptcha": { "siteKey": "7fe715a1-151f-4c63-b497-bd971974df05" } }, "components": [ { "label": "Columns", "columns": [ { "components": [ { "label": "First Name", "placeholder": "First Name", "validate": { "required": true }, "key": "firstName", "type": "textfield", "input": true, "tableView": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 }, { "components": [ { "label": "Last Name", "placeholder": "Last Name", "validate": { "required": true }, "key": "lastName", "type": "textfield", "input": true, "tableView": true } ], "width": 6, "offset": 0, "push": 0, "pull": 0, "size": "md", "currentWidth": 6 } ], "key": "columns", "type": "columns", "input": false, "tableView": false }, { "label": "Email", "placeholder": "Email", "validate": { "required": true }, "key": "email1", "type": "email", "input": true, "tableView": true }, { "label": "Phone Number", "key": "phoneNumber", "type": "phoneNumber", "input": true, "tableView": true }, { "label": "Street Address", "placeholder": "Street Address", "validate": { "required": true }, "key": "streetAddress", "type": "textfield", "input": true, "tableView": true }, { "label": "City", "placeholder": "City", "validate": { "required": true }, "key": "city", "type": "textfield", "input": true, "tableView": true }, { "label": "State", "placeholder": "State", "validate": { "required": true }, "key": "state", "type": "textfield", "input": true, "tableView": true }, { "label": "Zip", "placeholder": "Zip", "inputMask": "99999", "key": "zip", "type": "textfield", "input": true, "tableView": true }, { "label": "Type of Project", "widget": "choicesjs", "data": { "values": [ { "label": "Shingle Roof", "value": "shingleRoof" }, { "label": "Metal Roof", "value": "metalRoof" }, { "label": "Other", "value": "other" } ] }, "validate": { "required": true }, "key": "typeOfProject", "type": "select", "input": true, "tableView": true }, { "label": "What Type of Project Are You Interested In?", "placeholder": "You've selected 'other.' Please tell us what type of project you're interested in.", "autoExpand": false, "key": "textArea", "conditional": { "show": true, "when": "typeOfProject", "eq": "other" }, "type": "textarea", "input": true, "tableView": true }, { "label": "Project Description", "placeholder": "Please tell us a little about your project.", "autoExpand": false, "key": "projectDescription", "type": "textarea", "input": true, "tableView": true }, { "eventType": "buttonClick", "key": "recaptcha", "type": "recaptcha", "input": true, "tableView": false, "label": "reCAPTCHA", "buttonKey": "submit" }, { "label": "Submit", "customClass": "submit__button", "key": "submit", "type": "button", "defaultValue": false, "input": true, "tableView": false, "saveOnEnter": false } ] }