This is a placeholder screen, use our AI assistant to generate some content.<\/p>",
"interactive": true,
"renderVarHtml": false
},
"component": "FormHtmlViewer",
"inspector": [
{
"type": "FormTextArea",
"field": "content",
"config": {
"rows": 5,
"label": "Content",
"value": null,
"helper": "The HTML text to display"
}
},
{
"type": "FormCheckbox",
"field": "renderVarHtml",
"config": {
"label": "Render HTML from a Variable",
"value": null,
"helper": null
}
},
{
"type": "FormInput",
"field": "conditionalHide",
"config": {
"label": "Visibility Rule",
"helper": "This control is hidden until this expression is true"
}
},
{
"type": "DeviceVisibility",
"field": "deviceVisibility",
"config": {
"label": "Device Visibility",
"helper": "This control is hidden until this expression is true"
}
},
{
"type": "FormInput",
"field": "customFormatter",
"config": {
"label": "Custom Format String",
"helper": "Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####",
"validation": null
}
},
{
"type": "FormInput",
"field": "customCssSelector",
"config": {
"label": "CSS Selector Name",
"helper": "Use this in your custom css rules",
"validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
}
},
{
"type": "FormInput",
"field": "ariaLabel",
"config": {
"label": "Aria Label",
"helper": "Attribute designed to help assistive technology (e.g. screen readers) attach a label"
}
},
{
"type": "FormInput",
"field": "tabindex",
"config": {
"label": "Tab Order",
"helper": "Order in which a user will move focus from one control to another by pressing the Tab key",
"validation": "regex: [0-9]*"
}
}
],
"editor-control": "FormHtmlEditor",
"editor-component": "FormHtmlEditor"
},
{
"label": "Submit Button",
"config": {
"icon": "fas fa-share-square",
"name": null,
"event": "submit",
"label": "Continue",
"tooltip": [],
"variant": "primary",
"fieldValue": null,
"defaultSubmit": true,
"customCssSelector": "submit"
},
"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"
}
]
}
],
"computed": [],
"custom_css": "[selector='illustration'],\n[selector='submit'] {\n display: flex;\n justify-content: center;\n align-items: center;\n}",
"created_at": "2023-07-17T14:03:05-06:00",
"updated_at": "2023-07-18T12:26:49-06:00",
"status": "ACTIVE",
"key": "default-ai-form-screen",
"watchers": [],
"translations": null,
"is_template": 0,
"categories": [
{
"id": 1,
"uuid": "990abaeb-7ffb-4065-a2a2-9cab61d9c01b",
"name": "Uncategorized",
"status": "ACTIVE",
"is_system": 0,
"created_at": "2023-04-28T14:27:27-06:00",
"updated_at": "2023-04-28T14:27:27-06:00",
"pivot": {
"assignable_id": 86,
"category_id": 1,
"category_type": "ProcessMaker\\Models\\ScreenCategory"
}
}
]
}
],
"screen_categories": [],
"scripts": []
}