{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 1168, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 680, "containerStyle": "none", "snapRows": 125, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 47, "minHeight": 870, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "widgetName": "Text1", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b52.svg", "topRow": 54, "bottomRow": 58, "parentRowSpace": 10, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 18.0625, "leftColumn": 22, "text": "Label", "key": "zgsygilz5a", "rightColumn": 38, "textAlign": "LEFT", "widgetId": "ums2hvawa0", "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "fontSize": "PARAGRAPH" }, { "isVisible": true, "animateLoading": true, "backgroundColor": "#fff", "disabledWhenInvalid": true, "fixedFooter": true, "autoGenerateForm": true, "schema": { "__root_schema__": { "children": { "name": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Text Input", "sourceData": "John", "isCustomField": false, "accessor": "name", "identifier": "name", "position": 0, "originalIdentifier": "name", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "label": "Name" }, "age": { "children": {}, "dataType": "number", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.age))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Number Input", "sourceData": 30, "isCustomField": false, "accessor": "age", "identifier": "age", "position": 1, "originalIdentifier": "age", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "label": "Age" }, "dob": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.dob))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Datepicker", "sourceData": "10/12/1992", "isCustomField": false, "accessor": "dob", "identifier": "dob", "position": 2, "originalIdentifier": "dob", "closeOnSelection": false, "convertToISO": false, "dateFormat": "MM/DD/YYYY", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Dob", "maxDate": "2121-12-31T18:29:00.000Z", "minDate": "1920-12-31T18:30:00.000Z", "shortcuts": false, "timePrecision": "minute" }, "migrant": { "children": {}, "dataType": "boolean", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.migrant))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Switch", "sourceData": false, "isCustomField": false, "accessor": "migrant", "identifier": "migrant", "position": 3, "originalIdentifier": "migrant", "alignWidget": "LEFT", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Migrant" }, "address": { "children": { "street": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address.street))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Text Input", "sourceData": "Koramangala", "isCustomField": false, "accessor": "street", "identifier": "street", "position": 0, "originalIdentifier": "street", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "label": "Street" }, "city": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address.city))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Text Input", "sourceData": "Bangalore", "isCustomField": false, "accessor": "city", "identifier": "city", "position": 1, "originalIdentifier": "city", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "label": "City" } }, "dataType": "object", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.address))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Object", "sourceData": { "street": "Koramangala", "city": "Bangalore" }, "isCustomField": false, "accessor": "address", "identifier": "address", "position": 4, "originalIdentifier": "address", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Address" }, "education": { "children": { "__array_item__": { "children": { "college": { "children": {}, "dataType": "string", "fieldType": "Text Input", "sourceData": "MIT", "isCustomField": false, "accessor": "college", "identifier": "college", "position": 0, "originalIdentifier": "college", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "label": "College" }, "year": { "children": {}, "dataType": "string", "fieldType": "Datepicker", "sourceData": "20/10/2014", "isCustomField": false, "accessor": "year", "identifier": "year", "position": 1, "originalIdentifier": "year", "closeOnSelection": false, "convertToISO": false, "dateFormat": "DD/MM/YYYY", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Year", "maxDate": "2121-12-31T18:29:00.000Z", "minDate": "1920-12-31T18:30:00.000Z", "shortcuts": false, "timePrecision": "minute" } }, "dataType": "object", "fieldType": "Object", "sourceData": { "college": "MIT", "year": "20/10/2014" }, "isCustomField": false, "accessor": "__array_item__", "identifier": "__array_item__", "position": -1, "originalIdentifier": "__array_item__", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Array Item" } }, "dataType": "array", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.education))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Array", "sourceData": [ { "college": "MIT", "year": "20/10/2014" } ], "isCustomField": false, "accessor": "education", "identifier": "education", "position": 5, "originalIdentifier": "education", "backgroundColor": "#FAFAFA", "isCollapsible": true, "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Education" } }, "dataType": "object", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Object", "sourceData": { "name": "John", "age": 30, "dob": "10/12/1992", "migrant": false, "address": { "street": "Koramangala", "city": "Bangalore" }, "education": [ { "college": "MIT", "year": "20/10/2014" } ] }, "isCustomField": false, "name": "__root_schema__", "accessor": "__root_schema__", "identifier": "__root_schema__", "position": -1, "originalIdentifier": "__root_schema__", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "" } }, "scrollContents": true, "showReset": true, "title": "Form", "version": 1, "widgetName": "JSONForm1", "submitButtonStyles": { "buttonColor": "#03B365", "buttonVariant": "PRIMARY" }, "resetButtonStyles": { "buttonColor": "#03B365", "buttonVariant": "SECONDARY" }, "sourceData": "", "type": "JSON_FORM_WIDGET", "hideCard": false, "displayName": "JSON Form", "key": "sh61xsjzqi", "iconSVG": "/static/media/icon.6bacf7df.svg", "widgetId": "ie1fkmka46", "renderMode": "CANVAS", "isLoading": false, "parentColumnSpace": 42.5625, "parentRowSpace": 10, "leftColumn": 29, "rightColumn": 54, "topRow": 29, "bottomRow": 79, "parentId": "0", "submitButtonLabel": "Submit", "resetButtonLabel": "Reset", "dynamicPropertyPathList": [ { "key": "schema.__root_schema__.children.dob.defaultValue" }, { "key": "schema.__root_schema__.children.migrant.defaultValue" } ], "dynamicBindingPathList": [ { "key": "schema.__root_schema__.children.name.defaultValue" }, { "key": "schema.__root_schema__.defaultValue" }, { "key": "schema.__root_schema__.children.age.defaultValue" }, { "key": "schema.__root_schema__.children.dob.defaultValue" }, { "key": "schema.__root_schema__.children.migrant.defaultValue" }, { "key": "schema.__root_schema__.children.address.children.street.defaultValue" }, { "key": "schema.__root_schema__.children.address.children.city.defaultValue" }, { "key": "schema.__root_schema__.children.address.defaultValue" }, { "key": "schema.__root_schema__.children.education.defaultValue" } ], "dynamicTriggerPathList": [] } ] } }