{ "clientSchemaVersion": 1.0, "serverSchemaVersion": 6.0, "exportedApplication": { "name": "ModalWidgetTestApp", "isPublic": false, "pages": [{ "id": "Page1", "isDefault": true }], "publishedPages": [{ "id": "Page1", "isDefault": true }], "viewMode": false, "appIsExample": false, "unreadCommentThreads": 0.0, "color": "#C7F3F0", "icon": "flight", "slug": "modalwidgettestapp", "unpublishedCustomJSLibs": [], "publishedCustomJSLibs": [], "evaluationVersion": 2.0, "applicationVersion": 2.0, "collapseInvisibleWidgets": true, "isManualUpdate": false, "deleted": false }, "datasourceList": [], "customJSLibList": [], "pageList": [ { "unpublishedPage": { "name": "Page1", "slug": "page1", "layouts": [ { "viewMode": false, "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 4896.0, "snapColumns": 64.0, "detachFromLayout": true, "widgetId": "0", "topRow": 0.0, "bottomRow": 1180.0, "containerStyle": "none", "snapRows": 124.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "version": 86.0, "minHeight": 1292.0, "dynamicTriggerPathList": [], "parentColumnSpace": 1.0, "dynamicBindingPathList": [], "leftColumn": 0.0, "children": [ { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 12.0, "widgetName": "Button1", "onClick": "{{showModal(Modal1.name);}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 8.0, "bottomRow": 12.0, "parentRowSpace": 10.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 38.0, "animateLoading": true, "parentColumnSpace": 9.859375, "dynamicTriggerPathList": [{ "key": "onClick" }], "leftColumn": 22.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 38.0, "isDefaultClickDisabled": true, "widgetId": "37aleq6qhk", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "0", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 8.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 22.0, "buttonVariant": "PRIMARY", "placement": "CENTER" }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal1", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 190.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "minHeight": 1900.0, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "dynamicTriggerPathList": [], "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas1", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 1900.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton1", "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "xvq75i05gs", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text1", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 1.0, "bottomRow": 7.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 1.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Widgets Modal", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 41.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "vms8z4v4t9", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "originalTopRow": 1.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 5.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "iconSVG": "/static/media/icon.f2c34197dbcf03595098986de898928f.svg", "topRow": 7.0, "labelWidth": 5.0, "type": "INPUT_WIDGET_V2", "animateLoading": true, "resetOnSubmit": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" } ], "labelStyle": "", "inputType": "TEXT", "isDisabled": false, "isRequired": false, "dynamicHeight": "FIXED", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "showStepArrows": false, "isVisible": true, "version": 2.0, "tags": ["Suggested", "Inputs"], "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 12.0, "mobileBottomRow": 13.0, "widgetName": "Input1", "displayName": "Input", "searchTags": [ "form", "text input", "number", "textarea" ], "bottomRow": 14.0, "parentRowSpace": 10.0, "autoFocus": false, "hideCard": false, "mobileRightColumn": 23.0, "parentColumnSpace": 6.9375, "labelPosition": "Top", "key": "m9ve3ppio8", "labelTextSize": "0.875rem", "isDeprecated": false, "rightColumn": 24.0, "widgetId": "qg5qem3xyp", "minWidth": 450.0, "label": "Label", "parentId": "59hk3a5cny", "labelAlignment": "left", "renderMode": "CANVAS", "mobileTopRow": 6.0, "responsiveBehavior": "fill", "originalTopRow": 5.0, "mobileLeftColumn": 3.0, "maxDynamicHeight": 9000.0, "iconAlign": "left", "defaultText": "", "minDynamicHeight": 4.0 }, { "mobileBottomRow": 12.0, "widgetName": "Text2", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 7.0, "bottomRow": 54.0, "parentRowSpace": 10.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 46.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [], "leftColumn": 24.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{Table1.selectedRow}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 63.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ykifd3nlwx", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 8.0, "responsiveBehavior": "fill", "originalTopRow": 5.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 30.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 49.0, "fontSize": "1rem", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", "labelText": "Label", "topRow": 55.0, "labelWidth": 5.0, "type": "SELECT_WIDGET", "serverSideFiltering": false, "defaultOptionValue": "GREEN", "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "sourceData" } ], "placeholderText": "Select option", "isDisabled": false, "isRequired": false, "dynamicHeight": "FIXED", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "version": 1.0, "tags": ["Suggested", "Select"], "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 57.0, "mobileBottomRow": 20.0, "widgetName": "Select1", "isFilterable": true, "dynamicPropertyPathList": [{ "key": "sourceData" }], "displayName": "Select", "searchTags": ["dropdown"], "bottomRow": 62.0, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 21.0, "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [], "labelPosition": "Top", "sourceData": "[\n {\n \"name\": {{Input1.text}},\n \"code\": {{Input1.text}}\n },\n {\n \"name\": {{Input1.text+1}},\n \"code\": {{Input1.text+1}}\n },\n {\n \"name\": {{Input1.text+2}},\n \"code\": {{Input1.text+2}}\n }\n]", "key": "9go22qpbuu", "labelTextSize": "0.875rem", "isDeprecated": false, "rightColumn": 30.0, "widgetId": "yg4ihellt5", "optionValue": "code", "minWidth": 450.0, "parentId": "59hk3a5cny", "labelAlignment": "left", "renderMode": "CANVAS", "mobileTopRow": 13.0, "optionLabel": "name", "responsiveBehavior": "fill", "originalTopRow": 50.0, "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "requiresFlatWidgetChildren": true, "isCanvas": true, "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", "topRow": 67.0, "pageSize": 3.0, "type": "LIST_WIDGET_V2", "itemSpacing": 8.0, "animateLoading": true, "dynamicBindingPathList": [ { "key": "currentItemsView" }, { "key": "selectedItemView" }, { "key": "triggeredItemView" }, { "key": "primaryKeys" }, { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "leftColumn": 0.0, "enhancements": true, "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 400.0, "widgetName": "Canvas2", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 400.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "dropDisabled": true, "openParentPropertyPane": true, "minHeight": 400.0, "mobileRightColumn": 166.5, "noPad": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 12.0, "widgetName": "Container1", "borderColor": "#E0DEDE", "disallowCopy": true, "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", "searchTags": ["div", "parent", "group"], "topRow": 0.0, "bottomRow": 12.0, "dragDisabled": true, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": false, "isDeletable": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "widgetName": "Canvas3", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 120.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "useAutoLayout": false, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Image1", "displayName": "Image", "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", "topRow": 0.0, "bottomRow": 8.0, "type": "IMAGE_WIDGET", "hideCard": false, "mobileRightColumn": 16.0, "animateLoading": true, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "dynamicBindingPathList": [ { "key": "borderRadius" } ], "leftColumn": 0.0, "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "an3dz32jnz", "image": "https://jpeg.org/images/jpegsystems-home.jpg", "isDeprecated": false, "rightColumn": 16.0, "objectFit": "cover", "widgetId": "gn9wku1gs7", "isVisible": true, "version": 1.0, "parentId": "rtjo8735m7", "tags": ["Media"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "maxZoomLevel": 1.0, "enableDownload": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "enableRotation": false }, { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "Text3", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 0.0, "bottomRow": 4.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 28.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.name}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 42.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "5dkd0u3zh7", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "rtjo8735m7", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "HEADING", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Text4", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 4.0, "bottomRow": 8.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 24.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.id}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 40.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "684malsbtw", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "rtjo8735m7", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "BODY", "minDynamicHeight": 4.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "rtjo8735m7", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "5m236c6iz7", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": "1", "positioning": "fixed", "flexVerticalAlignment": "start", "key": "8nbypdc1zz", "backgroundColor": "white", "isDeprecated": false, "rightColumn": 64.0, "dynamicHeight": "FIXED", "widgetId": "5m236c6iz7", "containerStyle": "card", "minWidth": 450.0, "isVisible": true, "version": 1.0, "isListItemContainer": true, "parentId": "cq5f7mkbyh", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "noContainerOffset": true, "disabledWidgetFeatures": ["dynamicHeight"], "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 10.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 166.5, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "cq5f7mkbyh", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "twucvyhokg", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "itemBackgroundColor": "#FFFFFF", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "tags": ["Suggested", "Display"], "hasMetaWidgets": true, "isLoading": false, "mainCanvasId": "cq5f7mkbyh", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 102.0, "additionalStaticProps": [ "level", "levelData", "prefixMetaWidgetId", "metaWidgetId" ], "mobileBottomRow": 62.0, "currentItemsView": "{{[]}}", "triggeredItemView": "{{{}}}", "widgetName": "List1", "listData": [ { "id": "001", "name": "Blue", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "002", "name": "Green", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "003", "name": "Red", "img": "https://assets.appsmith.com/widgets/default.png" } ], "displayName": "List", "bottomRow": 107.0, "parentRowSpace": 10.0, "hideCard": false, "templateBottomRow": 16.0, "mobileRightColumn": 24.0, "mainContainerId": "5m236c6iz7", "primaryKeys": "{{List1.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", "parentColumnSpace": 6.9375, "gridType": "vertical", "key": "mgbk7d2119", "backgroundColor": "transparent", "isDeprecated": false, "rightColumn": 62.0, "widgetId": "twucvyhokg", "minWidth": 450.0, "parentId": "59hk3a5cny", "renderMode": "CANVAS", "mobileTopRow": 22.0, "responsiveBehavior": "fill", "originalTopRow": 62.0, "mobileLeftColumn": 0.0, "selectedItemView": "{{{}}}" }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", "onSubmit": "{{showAlert('Form submitted!', 'success');}}", "topRow": 107.0, "type": "JSON_FORM_WIDGET", "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "submitButtonStyles.buttonColor" }, { "key": "submitButtonStyles.borderRadius" }, { "key": "resetButtonStyles.buttonColor" }, { "key": "resetButtonStyles.borderRadius" }, { "key": "schema.__root_schema__.children.name.defaultValue" }, { "key": "schema.__root_schema__.children.name.accentColor" }, { "key": "schema.__root_schema__.children.name.borderRadius" }, { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" }, { "key": "schema.__root_schema__.children.date_of_birth.accentColor" }, { "key": "schema.__root_schema__.children.date_of_birth.borderRadius" }, { "key": "schema.__root_schema__.children.employee_id.defaultValue" }, { "key": "schema.__root_schema__.children.employee_id.accentColor" }, { "key": "schema.__root_schema__.children.employee_id.borderRadius" }, { "key": "schema.__root_schema__.defaultValue" }, { "key": "schema.__root_schema__.borderRadius" }, { "key": "schema.__root_schema__.cellBorderRadius" } ], "showReset": true, "dynamicHeight": "FIXED", "autoGenerateForm": true, "resetButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "SECONDARY" }, "isVisible": true, "version": 1.0, "tags": ["Suggested", "Layout"], "isLoading": false, "submitButtonLabel": "Submit", "childStylesheet": { "ARRAY": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "OBJECT": { "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "CHECKBOX": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" }, "CURRENCY_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "DATEPICKER": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "EMAIL_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTISELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTILINE_TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PASSWORD_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PHONE_NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "RADIO_GROUP": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "SELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "SWITCH": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" } }, "disabledWhenInvalid": true, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 142.0, "useSourceData": false, "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.0, "originalIdentifier": "name", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Name" }, "date_of_birth": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Datepicker", "sourceData": "20/02/1990", "isCustomField": false, "accessor": "date_of_birth", "identifier": "date_of_birth", "position": 1.0, "originalIdentifier": "date_of_birth", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "closeOnSelection": false, "convertToISO": false, "dateFormat": "DD/MM/YYYY", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Date Of Birth", "maxDate": "2121-12-31T18:29:00.000Z", "minDate": "1920-12-31T18:30:00.000Z", "shortcuts": false, "timePrecision": "minute", "labelTextSize": "0.875rem" }, "employee_id": { "children": {}, "dataType": "number", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Number Input", "sourceData": 1001.0, "isCustomField": false, "accessor": "employee_id", "identifier": "employee_id", "position": 2.0, "originalIdentifier": "employee_id", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Employee Id" } }, "dataType": "object", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Object", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "isCustomField": false, "accessor": "__root_schema__", "identifier": "__root_schema__", "position": -1.0, "originalIdentifier": "__root_schema__", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "cellBoxShadow": "none", "isDisabled": false, "isRequired": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "" } }, "mobileBottomRow": 54.0, "widgetName": "JSONForm1", "submitButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "PRIMARY" }, "dynamicPropertyPathList": [ { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" } ], "displayName": "JSON Form", "bottomRow": 147.0, "fieldLimitExceeded": false, "parentRowSpace": 10.0, "title": "Form", "hideCard": false, "mobileRightColumn": 42.0, "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [{ "key": "onSubmit" }], "borderWidth": "1", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "resetButtonLabel": "Reset", "key": "csjsvvwmwh", "backgroundColor": "#fff", "isDeprecated": false, "rightColumn": 64.0, "widgetId": "2pnkf5v8uj", "minWidth": 450.0, "parentId": "59hk3a5cny", "renderMode": "CANVAS", "mobileTopRow": 13.0, "scrollContents": true, "responsiveBehavior": "fill", "fixedFooter": true, "originalTopRow": 102.0, "mobileLeftColumn": 17.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 67.0, "widgetName": "Image2", "displayName": "Image", "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", "topRow": 54.0, "bottomRow": 67.0, "parentRowSpace": 10.0, "type": "IMAGE_WIDGET", "hideCard": false, "mobileRightColumn": 50.0, "animateLoading": true, "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "leftColumn": 32.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "defaultImage": "https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif", "key": "an3dz32jnz", "image": "", "isDeprecated": false, "rightColumn": 63.0, "objectFit": "cover", "widgetId": "h24avxj5g0", "isVisible": true, "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Media"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 55.0, "maxZoomLevel": 1.0, "enableDownload": false, "originalTopRow": 49.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 38.0, "originalBottomRow": 62.0, "enableRotation": false }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 74.0, "widgetName": "Container2", "borderColor": "#E0DEDE", "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", "searchTags": ["div", "parent", "group"], "topRow": 148.0, "bottomRow": 188.0, "parentRowSpace": 10.0, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 26.0, "animateLoading": true, "parentColumnSpace": 6.9375, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 100.0, "widgetName": "Canvas4", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 400.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "minHeight": 100.0, "mobileRightColumn": 166.5, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 19.0, "widgetName": "Tabs1", "borderColor": "#E0DEDE", "isCanvas": true, "displayName": "Tabs", "iconSVG": "/static/media/icon.9e3d67c0af9c0bd092dc56240314e18a.svg", "topRow": 4.0, "bottomRow": 38.0, "parentRowSpace": 10.0, "type": "TABS_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 28.0, "animateLoading": true, "parentColumnSpace": 2.939453125, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "tabId": "tab1", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 150.0, "widgetName": "Canvas5", "displayName": "Canvas", "bottomRow": 300.0, "topRow": 0.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 150.0, "mobileRightColumn": 70.546875, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "isVisibleDownload": true, "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", "topRow": 0.0, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "tableData" }, { "key": "primaryColumns.address.computedValue" }, { "key": "primaryColumns.avatar.computedValue" }, { "key": "primaryColumns.email.computedValue" }, { "key": "primaryColumns.gender.computedValue" }, { "key": "primaryColumns.id.computedValue" }, { "key": "primaryColumns.name.computedValue" }, { "key": "primaryColumns.status.computedValue" } ], "needsHeightForContent": true, "leftColumn": 2.0, "delimiter": ",", "defaultSelectedRowIndex": 0.0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 2.0, "totalRecordsCount": 0.0, "tags": ["Suggested", "Display"], "isLoading": false, "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "menuButton": { "menuColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "iconButton": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "editActions": { "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } }, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "columnUpdatedAt": 1.694586626019e12, "defaultSelectedRowIndices": [0.0], "mobileBottomRow": 28.0, "widgetName": "Table1", "defaultPageSize": 0.0, "columnOrder": [ "address", "avatar", "email", "gender", "id", "name", "status" ], "dynamicPropertyPathList": [], "displayName": "Table", "bottomRow": 28.0, "columnWidthMap": {}, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 40.0, "parentColumnSpace": 2.53509521484375, "dynamicTriggerPathList": [], "borderWidth": "1", "primaryColumns": { "address": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 0.0, "width": 150.0, "originalId": "address", "id": "address", "alias": "address", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "address", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", "sticky": "", "validation": {} }, "avatar": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 1.0, "width": 150.0, "originalId": "avatar", "id": "avatar", "alias": "avatar", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "avatar", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", "sticky": "", "validation": {} }, "email": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 2.0, "width": 150.0, "originalId": "email", "id": "email", "alias": "email", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "email", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", "sticky": "", "validation": {} }, "gender": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 3.0, "width": 150.0, "originalId": "gender", "id": "gender", "alias": "gender", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "gender", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", "sticky": "", "validation": {} }, "id": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 4.0, "width": 150.0, "originalId": "id", "id": "id", "alias": "id", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "number", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "id", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", "sticky": "", "validation": {} }, "name": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 5.0, "width": 150.0, "originalId": "name", "id": "name", "alias": "name", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "name", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", "sticky": "", "validation": {} }, "status": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 6.0, "width": 150.0, "originalId": "status", "id": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "status", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", "sticky": "", "validation": {} } }, "key": "3qwgjzmubu", "canFreezeColumn": true, "isDeprecated": false, "rightColumn": 62.0, "textSize": "0.875rem", "widgetId": "b73obdenki", "enableServerSideFiltering": false, "minWidth": 450.0, "tableData": "{{Api1.data}}", "label": "Data", "searchKey": "", "parentId": "gq5pvoxzn5", "renderMode": "CANVAS", "mobileTopRow": 0.0, "horizontalAlignment": "LEFT", "isVisibleSearch": true, "responsiveBehavior": "fill", "mobileLeftColumn": 6.0, "isVisiblePagination": true, "verticalAlignment": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "tabName": "Tab 1", "rightColumn": 70.546875, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "gq5pvoxzn5", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "g6cwwkiv7u", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] }, { "tabId": "tab2", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 150.0, "widgetName": "Canvas6", "displayName": "Canvas", "bottomRow": 300.0, "topRow": 0.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 150.0, "mobileRightColumn": 70.546875, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "tabName": "Tab 2", "rightColumn": 70.546875, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "u6jv770pfr", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "g6cwwkiv7u", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": 1.0, "key": "m440eh8y1m", "backgroundColor": "#FFFFFF", "isDeprecated": false, "rightColumn": 62.0, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "g6cwwkiv7u", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "defaultTab": "Tab 1", "shouldShowTabs": true, "minWidth": 450.0, "tabsObj": { "tab1": { "label": "Tab 1", "id": "tab1", "widgetId": "gq5pvoxzn5", "isVisible": true, "index": 0.0, "positioning": "vertical" }, "tab2": { "label": "Tab 2", "id": "tab2", "widgetId": "u6jv770pfr", "isVisible": true, "index": 1.0, "positioning": "vertical" } }, "isVisible": true, "version": 3.0, "parentId": "h6zbt0dppm", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4.0, "responsiveBehavior": "fill", "originalTopRow": 4.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 4.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 38.0, "minDynamicHeight": 15.0 }, { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton2", "onClick": "{{Api1.run().then(() => {\n showAlert('Executed api!', '');\n});}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "parentRowSpace": 10.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 6.0, "animateLoading": true, "parentColumnSpace": 6.408203125, "dynamicTriggerPathList": [ { "key": "onClick" } ], "leftColumn": 2.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 6.0, "iconName": "play", "widgetId": "u8032a0hmj", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "h6zbt0dppm", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 2.0, "buttonVariant": "PRIMARY" } ], "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 166.5, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "h6zbt0dppm", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "ux91zws0sp", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": "1", "flexVerticalAlignment": "start", "key": "8nbypdc1zz", "backgroundColor": "#FFFFFF", "isDeprecated": false, "rightColumn": 62.0, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ux91zws0sp", "containerStyle": "card", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 64.0, "responsiveBehavior": "fill", "originalTopRow": 143.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 2.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 183.0, "minDynamicHeight": 10.0 } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "59hk3a5cny", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "hz6llfbx4u", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 1900.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "hz6llfbx4u", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "originalTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 148.0, "width": 456.0, "minDynamicHeight": 10.0 }, { "boxShadow": "none", "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", "labelText": "Label", "topRow": 22.0, "labelWidth": 5.0, "type": "SELECT_WIDGET", "serverSideFiltering": false, "defaultOptionValue": "GREEN", "animateLoading": true, "leftColumn": 7.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" } ], "placeholderText": "Select option", "isDisabled": false, "isRequired": false, "dynamicHeight": "FIXED", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "version": 1.0, "tags": ["Suggested", "Select"], "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileBottomRow": 29.0, "widgetName": "Select2", "isFilterable": true, "displayName": "Select", "searchTags": ["dropdown"], "bottomRow": 29.0, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 27.0, "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onOptionChange" }], "labelPosition": "Top", "sourceData": [ { "name": "Blue", "code": "BLUE" }, { "name": "Green", "code": "GREEN" }, { "name": "Red", "code": "RED" } ], "key": "9go22qpbuu", "labelTextSize": "0.875rem", "isDeprecated": false, "rightColumn": 27.0, "widgetId": "w1w4pk9zzo", "optionValue": "code", "minWidth": 450.0, "parentId": "0", "labelAlignment": "left", "renderMode": "CANVAS", "mobileTopRow": 22.0, "optionLabel": "name", "responsiveBehavior": "fill", "mobileLeftColumn": 7.0, "maxDynamicHeight": 9000.0, "onOptionChange": "{{showModal(Modal2.name);}}", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal2", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas7", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 240.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton3", "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "hh5batn812", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "vuty12u6h2", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text5", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 9.0, "bottomRow": 13.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 6.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Option changed!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 57.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ijf7l1u08i", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "vuty12u6h2", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "vuty12u6h2", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "lwewdg3z5m", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "lwewdg3z5m", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 262.0, "minDynamicHeight": 24.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "requiresFlatWidgetChildren": true, "isCanvas": true, "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", "topRow": 17.0, "pageSize": 3.0, "type": "LIST_WIDGET_V2", "itemSpacing": 8.0, "animateLoading": true, "dynamicBindingPathList": [ { "key": "currentItemsView" }, { "key": "selectedItemView" }, { "key": "triggeredItemView" }, { "key": "primaryKeys" }, { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "leftColumn": 35.0, "enhancements": true, "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 400.0, "widgetName": "Canvas8", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 400.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "dropDisabled": true, "openParentPropertyPane": true, "minHeight": 400.0, "mobileRightColumn": 234.75, "noPad": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 12.0, "widgetName": "Container3", "borderColor": "#E0DEDE", "disallowCopy": true, "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", "searchTags": ["div", "parent", "group"], "topRow": 0.0, "bottomRow": 12.0, "dragDisabled": true, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": false, "isDeletable": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "widgetName": "Canvas9", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 120.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "useAutoLayout": false, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Image3", "displayName": "Image", "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", "topRow": 0.0, "bottomRow": 8.0, "type": "IMAGE_WIDGET", "hideCard": false, "mobileRightColumn": 16.0, "animateLoading": true, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "dynamicBindingPathList": [ { "key": "image" }, { "key": "borderRadius" } ], "leftColumn": 0.0, "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "an3dz32jnz", "image": "{{currentItem.img}}", "isDeprecated": false, "rightColumn": 16.0, "objectFit": "cover", "widgetId": "zsd3wguxr8", "isVisible": true, "version": 1.0, "parentId": "5e7r8x4ogy", "tags": ["Media"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "maxZoomLevel": 1.0, "enableDownload": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "enableRotation": false }, { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "Text6", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 0.0, "bottomRow": 4.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 28.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.name}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 28.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "xxb9k9l324", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "5e7r8x4ogy", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "HEADING", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Text7", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 4.0, "bottomRow": 8.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 24.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.id}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 24.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "jtxcmjnb72", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "5e7r8x4ogy", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "BODY", "minDynamicHeight": 4.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "5e7r8x4ogy", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "kge1nh55vi", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": "1", "positioning": "fixed", "flexVerticalAlignment": "start", "key": "8nbypdc1zz", "backgroundColor": "white", "isDeprecated": false, "rightColumn": 64.0, "dynamicHeight": "FIXED", "widgetId": "kge1nh55vi", "containerStyle": "card", "minWidth": 450.0, "isVisible": true, "version": 1.0, "isListItemContainer": true, "parentId": "mvr73kk0mj", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "noContainerOffset": true, "disabledWidgetFeatures": ["dynamicHeight"], "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 10.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 234.75, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "mvr73kk0mj", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "b7fjdn1ail", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "itemBackgroundColor": "#FFFFFF", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "tags": ["Suggested", "Display"], "hasMetaWidgets": true, "isLoading": false, "mainCanvasId": "mvr73kk0mj", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "additionalStaticProps": [ "level", "levelData", "prefixMetaWidgetId", "metaWidgetId" ], "mobileBottomRow": 57.0, "currentItemsView": "{{[]}}", "triggeredItemView": "{{{}}}", "widgetName": "List2", "listData": [ { "id": "001", "name": "Blue", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "002", "name": "Green", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "003", "name": "Red", "img": "https://assets.appsmith.com/widgets/default.png" } ], "displayName": "List", "bottomRow": 57.0, "parentRowSpace": 10.0, "hideCard": false, "templateBottomRow": 16.0, "mobileRightColumn": 59.0, "mainContainerId": "kge1nh55vi", "primaryKeys": "{{List2.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onItemClick" }], "gridType": "vertical", "key": "mgbk7d2119", "backgroundColor": "transparent", "isDeprecated": false, "rightColumn": 59.0, "widgetId": "b7fjdn1ail", "minWidth": 450.0, "onItemClick": "{{showModal(Modal3.name);}}", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 17.0, "responsiveBehavior": "fill", "mobileLeftColumn": 35.0, "selectedItemView": "{{{}}}" }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal3", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas10", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton4", "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "gp75kko147", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text8", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 8.0, "bottomRow": 12.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 7.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "List Item Clicked!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 47.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ok3iewf220", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button2", "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 47.0, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "ni3v3lt43c", "buttonStyle": "PRIMARY", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 31.0, "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button3", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 63.0, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "57uc88g7np", "buttonStyle": "PRIMARY_BUTTON", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 47.0, "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "lfj97zdxdw", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "ih3y0k7fhu", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ih3y0k7fhu", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 24.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "isVisibleDownload": true, "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", "topRow": 34.0, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "tableData" }, { "key": "primaryColumns.address.computedValue" }, { "key": "primaryColumns.avatar.computedValue" }, { "key": "primaryColumns.email.computedValue" }, { "key": "primaryColumns.gender.computedValue" }, { "key": "primaryColumns.id.computedValue" }, { "key": "primaryColumns.name.computedValue" }, { "key": "primaryColumns.status.computedValue" } ], "needsHeightForContent": true, "leftColumn": 0.0, "delimiter": ",", "defaultSelectedRowIndex": 0.0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 2.0, "totalRecordsCount": 0.0, "tags": ["Suggested", "Display"], "isLoading": false, "onSearchTextChanged": "{{showModal(Modal4.name);}}", "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "menuButton": { "menuColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "iconButton": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "editActions": { "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } }, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "columnUpdatedAt": 1.69459117549e12, "defaultSelectedRowIndices": [0.0], "mobileBottomRow": 62.0, "widgetName": "Table2", "defaultPageSize": 0.0, "columnOrder": [ "address", "avatar", "email", "gender", "id", "name", "status" ], "dynamicPropertyPathList": [], "displayName": "Table", "bottomRow": 62.0, "columnWidthMap": {}, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 29.0, "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onSearchTextChanged" }], "borderWidth": "1", "primaryColumns": { "address": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 0.0, "width": 150.0, "originalId": "address", "id": "address", "alias": "address", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "address", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", "sticky": "", "validation": {} }, "avatar": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 1.0, "width": 150.0, "originalId": "avatar", "id": "avatar", "alias": "avatar", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "avatar", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", "sticky": "", "validation": {} }, "email": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 2.0, "width": 150.0, "originalId": "email", "id": "email", "alias": "email", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "email", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", "sticky": "", "validation": {} }, "gender": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 3.0, "width": 150.0, "originalId": "gender", "id": "gender", "alias": "gender", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "gender", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", "sticky": "", "validation": {} }, "id": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 4.0, "width": 150.0, "originalId": "id", "id": "id", "alias": "id", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "number", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "id", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", "sticky": "", "validation": {} }, "name": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 5.0, "width": 150.0, "originalId": "name", "id": "name", "alias": "name", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "name", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", "sticky": "", "validation": {} }, "status": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 6.0, "width": 150.0, "originalId": "status", "id": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "status", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", "sticky": "", "validation": {} } }, "key": "3qwgjzmubu", "canFreezeColumn": true, "isDeprecated": false, "rightColumn": 29.0, "textSize": "0.875rem", "widgetId": "wx0pg4tbs3", "enableServerSideFiltering": false, "minWidth": 450.0, "tableData": "{{Api1.data}}", "label": "Data", "searchKey": "", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 34.0, "horizontalAlignment": "LEFT", "isVisibleSearch": true, "responsiveBehavior": "fill", "mobileLeftColumn": 0.0, "isVisiblePagination": true, "verticalAlignment": "CENTER" }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal4", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas11", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton5", "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "y581dyab2v", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text9", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 7.0, "bottomRow": 11.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 7.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Table search value changed!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 47.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "0jm296331g", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button4", "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 47.0, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "j1t93mn6cx", "buttonStyle": "PRIMARY", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 31.0, "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button5", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 63.0, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "uhwv2eik6s", "buttonStyle": "PRIMARY_BUTTON", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 47.0, "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "u5sz0sg17f", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "g5s1486z2m", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "g5s1486z2m", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 24.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", "onSubmit": "{{showModal(Modal5.name);}}", "topRow": 61.0, "type": "JSON_FORM_WIDGET", "animateLoading": true, "leftColumn": 33.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "submitButtonStyles.buttonColor" }, { "key": "submitButtonStyles.borderRadius" }, { "key": "resetButtonStyles.buttonColor" }, { "key": "resetButtonStyles.borderRadius" }, { "key": "schema.__root_schema__.children.name.defaultValue" }, { "key": "schema.__root_schema__.children.name.accentColor" }, { "key": "schema.__root_schema__.children.name.borderRadius" }, { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" }, { "key": "schema.__root_schema__.children.date_of_birth.accentColor" }, { "key": "schema.__root_schema__.children.date_of_birth.borderRadius" }, { "key": "schema.__root_schema__.children.employee_id.defaultValue" }, { "key": "schema.__root_schema__.children.employee_id.accentColor" }, { "key": "schema.__root_schema__.children.employee_id.borderRadius" }, { "key": "schema.__root_schema__.defaultValue" }, { "key": "schema.__root_schema__.borderRadius" }, { "key": "schema.__root_schema__.cellBorderRadius" } ], "showReset": true, "dynamicHeight": "AUTO_HEIGHT", "autoGenerateForm": true, "resetButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "SECONDARY" }, "isVisible": true, "version": 1.0, "tags": ["Suggested", "Layout"], "isLoading": false, "submitButtonLabel": "Submit", "childStylesheet": { "ARRAY": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "OBJECT": { "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "CHECKBOX": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" }, "CURRENCY_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "DATEPICKER": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "EMAIL_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTISELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTILINE_TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PASSWORD_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PHONE_NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "RADIO_GROUP": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "SELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "SWITCH": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" } }, "disabledWhenInvalid": true, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 118.0, "useSourceData": false, "schema": { "__root_schema__": { "children": { "name": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Text Input", "sourceData": "John", "isCustomField": false, "accessor": "name", "identifier": "name", "position": 0.0, "originalIdentifier": "name", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Name" }, "date_of_birth": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Datepicker", "sourceData": "20/02/1990", "isCustomField": false, "accessor": "date_of_birth", "identifier": "date_of_birth", "position": 1.0, "originalIdentifier": "date_of_birth", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "closeOnSelection": false, "convertToISO": false, "dateFormat": "DD/MM/YYYY", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Date Of Birth", "maxDate": "2121-12-31T18:29:00.000Z", "minDate": "1920-12-31T18:30:00.000Z", "shortcuts": false, "timePrecision": "minute", "labelTextSize": "0.875rem" }, "employee_id": { "children": {}, "dataType": "number", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Number Input", "sourceData": 1001.0, "isCustomField": false, "accessor": "employee_id", "identifier": "employee_id", "position": 2.0, "originalIdentifier": "employee_id", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Employee Id" } }, "dataType": "object", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Object", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "isCustomField": false, "accessor": "__root_schema__", "identifier": "__root_schema__", "position": -1.0, "originalIdentifier": "__root_schema__", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "cellBoxShadow": "none", "isDisabled": false, "isRequired": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "" } }, "mobileBottomRow": 102.0, "widgetName": "JSONForm2", "submitButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "PRIMARY" }, "dynamicPropertyPathList": [ { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" } ], "displayName": "JSON Form", "bottomRow": 118.0, "fieldLimitExceeded": false, "parentRowSpace": 10.0, "title": "Form", "hideCard": false, "mobileRightColumn": 58.0, "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onSubmit" }], "borderWidth": "1", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "resetButtonLabel": "Reset", "key": "csjsvvwmwh", "backgroundColor": "#fff", "isDeprecated": false, "rightColumn": 58.0, "widgetId": "ynk24jdjcq", "minWidth": 450.0, "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 61.0, "scrollContents": true, "responsiveBehavior": "fill", "fixedFooter": true, "originalTopRow": 61.0, "mobileLeftColumn": 33.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal5", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas12", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton6", "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "fyesozehw1", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text10", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 7.0, "bottomRow": 11.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 6.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Form submitted!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 46.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "vdhzz04buu", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button6", "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 47.0, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "b6us5yglbb", "buttonStyle": "PRIMARY", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 31.0, "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button7", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 63.0, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "zdvzbekkj8", "buttonStyle": "PRIMARY_BUTTON", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 47.0, "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "d0y05ie88b", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "m34ly0psqc", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "m34ly0psqc", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 24.0 } ] }, "layoutOnLoadActions": [ [ { "id": "Page1_Api1", "name": "Api1", "confirmBeforeExecute": false, "pluginType": "API", "jsonPathKeys": [], "timeoutInMillisecond": 10000.0 } ] ], "layoutOnLoadActionErrors": [], "validOnPageLoadActions": true, "id": "Page1", "deleted": false, "policies": [], "userPermissions": [] } ], "userPermissions": [], "policies": [] }, "publishedPage": { "name": "Page1", "slug": "page1", "layouts": [ { "viewMode": false, "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 4896.0, "snapColumns": 64.0, "detachFromLayout": true, "widgetId": "0", "topRow": 0.0, "bottomRow": 1180.0, "containerStyle": "none", "snapRows": 124.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "version": 86.0, "minHeight": 1292.0, "dynamicTriggerPathList": [], "parentColumnSpace": 1.0, "dynamicBindingPathList": [], "leftColumn": 0.0, "children": [ { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 12.0, "widgetName": "Button1", "onClick": "{{showModal(Modal1.name);}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 8.0, "bottomRow": 12.0, "parentRowSpace": 10.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 38.0, "animateLoading": true, "parentColumnSpace": 9.859375, "dynamicTriggerPathList": [{ "key": "onClick" }], "leftColumn": 22.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 38.0, "isDefaultClickDisabled": true, "widgetId": "37aleq6qhk", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "0", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 8.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 22.0, "buttonVariant": "PRIMARY", "placement": "CENTER" }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal1", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 190.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "minHeight": 1900.0, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "dynamicTriggerPathList": [], "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas1", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 1900.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton1", "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "xvq75i05gs", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text1", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 1.0, "bottomRow": 7.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 1.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Widgets Modal", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 41.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "vms8z4v4t9", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "originalTopRow": 1.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 5.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "iconSVG": "/static/media/icon.f2c34197dbcf03595098986de898928f.svg", "topRow": 7.0, "labelWidth": 5.0, "type": "INPUT_WIDGET_V2", "animateLoading": true, "resetOnSubmit": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" } ], "labelStyle": "", "inputType": "TEXT", "isDisabled": false, "isRequired": false, "dynamicHeight": "FIXED", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "showStepArrows": false, "isVisible": true, "version": 2.0, "tags": ["Suggested", "Inputs"], "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 12.0, "mobileBottomRow": 13.0, "widgetName": "Input1", "displayName": "Input", "searchTags": [ "form", "text input", "number", "textarea" ], "bottomRow": 14.0, "parentRowSpace": 10.0, "autoFocus": false, "hideCard": false, "mobileRightColumn": 23.0, "parentColumnSpace": 6.9375, "labelPosition": "Top", "key": "m9ve3ppio8", "labelTextSize": "0.875rem", "isDeprecated": false, "rightColumn": 24.0, "widgetId": "qg5qem3xyp", "minWidth": 450.0, "label": "Label", "parentId": "59hk3a5cny", "labelAlignment": "left", "renderMode": "CANVAS", "mobileTopRow": 6.0, "responsiveBehavior": "fill", "originalTopRow": 5.0, "mobileLeftColumn": 3.0, "maxDynamicHeight": 9000.0, "iconAlign": "left", "defaultText": "", "minDynamicHeight": 4.0 }, { "mobileBottomRow": 12.0, "widgetName": "Text2", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 7.0, "bottomRow": 54.0, "parentRowSpace": 10.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 46.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [], "leftColumn": 24.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{Table1.selectedRow}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 63.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ykifd3nlwx", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 8.0, "responsiveBehavior": "fill", "originalTopRow": 5.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 30.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 49.0, "fontSize": "1rem", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", "labelText": "Label", "topRow": 55.0, "labelWidth": 5.0, "type": "SELECT_WIDGET", "serverSideFiltering": false, "defaultOptionValue": "GREEN", "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "sourceData" } ], "placeholderText": "Select option", "isDisabled": false, "isRequired": false, "dynamicHeight": "FIXED", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "version": 1.0, "tags": ["Suggested", "Select"], "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 57.0, "mobileBottomRow": 20.0, "widgetName": "Select1", "isFilterable": true, "dynamicPropertyPathList": [{ "key": "sourceData" }], "displayName": "Select", "searchTags": ["dropdown"], "bottomRow": 62.0, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 21.0, "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [], "labelPosition": "Top", "sourceData": "[\n {\n \"name\": {{Input1.text}},\n \"code\": {{Input1.text}}\n },\n {\n \"name\": {{Input1.text+1}},\n \"code\": {{Input1.text+1}}\n },\n {\n \"name\": {{Input1.text+2}},\n \"code\": {{Input1.text+2}}\n }\n]", "key": "9go22qpbuu", "labelTextSize": "0.875rem", "isDeprecated": false, "rightColumn": 30.0, "widgetId": "yg4ihellt5", "optionValue": "code", "minWidth": 450.0, "parentId": "59hk3a5cny", "labelAlignment": "left", "renderMode": "CANVAS", "mobileTopRow": 13.0, "optionLabel": "name", "responsiveBehavior": "fill", "originalTopRow": 50.0, "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "requiresFlatWidgetChildren": true, "isCanvas": true, "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", "topRow": 67.0, "pageSize": 3.0, "type": "LIST_WIDGET_V2", "itemSpacing": 8.0, "animateLoading": true, "dynamicBindingPathList": [ { "key": "currentItemsView" }, { "key": "selectedItemView" }, { "key": "triggeredItemView" }, { "key": "primaryKeys" }, { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "leftColumn": 0.0, "enhancements": true, "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 400.0, "widgetName": "Canvas2", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 400.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "dropDisabled": true, "openParentPropertyPane": true, "minHeight": 400.0, "mobileRightColumn": 166.5, "noPad": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 12.0, "widgetName": "Container1", "borderColor": "#E0DEDE", "disallowCopy": true, "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", "searchTags": ["div", "parent", "group"], "topRow": 0.0, "bottomRow": 12.0, "dragDisabled": true, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": false, "isDeletable": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "widgetName": "Canvas3", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 120.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "useAutoLayout": false, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Image1", "displayName": "Image", "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", "topRow": 0.0, "bottomRow": 8.0, "type": "IMAGE_WIDGET", "hideCard": false, "mobileRightColumn": 16.0, "animateLoading": true, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "dynamicBindingPathList": [ { "key": "borderRadius" } ], "leftColumn": 0.0, "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "an3dz32jnz", "image": "https://jpeg.org/images/jpegsystems-home.jpg", "isDeprecated": false, "rightColumn": 16.0, "objectFit": "cover", "widgetId": "gn9wku1gs7", "isVisible": true, "version": 1.0, "parentId": "rtjo8735m7", "tags": ["Media"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "maxZoomLevel": 1.0, "enableDownload": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "enableRotation": false }, { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "Text3", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 0.0, "bottomRow": 4.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 28.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.name}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 42.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "5dkd0u3zh7", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "rtjo8735m7", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "HEADING", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Text4", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 4.0, "bottomRow": 8.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 24.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.id}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 40.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "684malsbtw", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "rtjo8735m7", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "BODY", "minDynamicHeight": 4.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "rtjo8735m7", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "5m236c6iz7", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": "1", "positioning": "fixed", "flexVerticalAlignment": "start", "key": "8nbypdc1zz", "backgroundColor": "white", "isDeprecated": false, "rightColumn": 64.0, "dynamicHeight": "FIXED", "widgetId": "5m236c6iz7", "containerStyle": "card", "minWidth": 450.0, "isVisible": true, "version": 1.0, "isListItemContainer": true, "parentId": "cq5f7mkbyh", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "noContainerOffset": true, "disabledWidgetFeatures": ["dynamicHeight"], "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 10.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 166.5, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "cq5f7mkbyh", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "twucvyhokg", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "itemBackgroundColor": "#FFFFFF", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "tags": ["Suggested", "Display"], "hasMetaWidgets": true, "isLoading": false, "mainCanvasId": "cq5f7mkbyh", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 102.0, "additionalStaticProps": [ "level", "levelData", "prefixMetaWidgetId", "metaWidgetId" ], "mobileBottomRow": 62.0, "currentItemsView": "{{[]}}", "triggeredItemView": "{{{}}}", "widgetName": "List1", "listData": [ { "id": "001", "name": "Blue", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "002", "name": "Green", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "003", "name": "Red", "img": "https://assets.appsmith.com/widgets/default.png" } ], "displayName": "List", "bottomRow": 107.0, "parentRowSpace": 10.0, "hideCard": false, "templateBottomRow": 16.0, "mobileRightColumn": 24.0, "mainContainerId": "5m236c6iz7", "primaryKeys": "{{List1.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", "parentColumnSpace": 6.9375, "gridType": "vertical", "key": "mgbk7d2119", "backgroundColor": "transparent", "isDeprecated": false, "rightColumn": 62.0, "widgetId": "twucvyhokg", "minWidth": 450.0, "parentId": "59hk3a5cny", "renderMode": "CANVAS", "mobileTopRow": 22.0, "responsiveBehavior": "fill", "originalTopRow": 62.0, "mobileLeftColumn": 0.0, "selectedItemView": "{{{}}}" }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", "onSubmit": "{{showAlert('Form submitted!', 'success');}}", "topRow": 107.0, "type": "JSON_FORM_WIDGET", "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "submitButtonStyles.buttonColor" }, { "key": "submitButtonStyles.borderRadius" }, { "key": "resetButtonStyles.buttonColor" }, { "key": "resetButtonStyles.borderRadius" }, { "key": "schema.__root_schema__.children.name.defaultValue" }, { "key": "schema.__root_schema__.children.name.accentColor" }, { "key": "schema.__root_schema__.children.name.borderRadius" }, { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" }, { "key": "schema.__root_schema__.children.date_of_birth.accentColor" }, { "key": "schema.__root_schema__.children.date_of_birth.borderRadius" }, { "key": "schema.__root_schema__.children.employee_id.defaultValue" }, { "key": "schema.__root_schema__.children.employee_id.accentColor" }, { "key": "schema.__root_schema__.children.employee_id.borderRadius" }, { "key": "schema.__root_schema__.defaultValue" }, { "key": "schema.__root_schema__.borderRadius" }, { "key": "schema.__root_schema__.cellBorderRadius" } ], "showReset": true, "dynamicHeight": "FIXED", "autoGenerateForm": true, "resetButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "SECONDARY" }, "isVisible": true, "version": 1.0, "tags": ["Suggested", "Layout"], "isLoading": false, "submitButtonLabel": "Submit", "childStylesheet": { "ARRAY": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "OBJECT": { "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "CHECKBOX": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" }, "CURRENCY_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "DATEPICKER": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "EMAIL_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTISELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTILINE_TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PASSWORD_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PHONE_NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "RADIO_GROUP": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "SELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "SWITCH": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" } }, "disabledWhenInvalid": true, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 142.0, "useSourceData": false, "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.0, "originalIdentifier": "name", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Name" }, "date_of_birth": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Datepicker", "sourceData": "20/02/1990", "isCustomField": false, "accessor": "date_of_birth", "identifier": "date_of_birth", "position": 1.0, "originalIdentifier": "date_of_birth", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "closeOnSelection": false, "convertToISO": false, "dateFormat": "DD/MM/YYYY", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Date Of Birth", "maxDate": "2121-12-31T18:29:00.000Z", "minDate": "1920-12-31T18:30:00.000Z", "shortcuts": false, "timePrecision": "minute", "labelTextSize": "0.875rem" }, "employee_id": { "children": {}, "dataType": "number", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Number Input", "sourceData": 1001.0, "isCustomField": false, "accessor": "employee_id", "identifier": "employee_id", "position": 2.0, "originalIdentifier": "employee_id", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Employee Id" } }, "dataType": "object", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "fieldType": "Object", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "isCustomField": false, "accessor": "__root_schema__", "identifier": "__root_schema__", "position": -1.0, "originalIdentifier": "__root_schema__", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "boxShadow": "none", "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", "cellBoxShadow": "none", "isDisabled": false, "isRequired": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "" } }, "mobileBottomRow": 54.0, "widgetName": "JSONForm1", "submitButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "PRIMARY" }, "dynamicPropertyPathList": [ { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" } ], "displayName": "JSON Form", "bottomRow": 147.0, "fieldLimitExceeded": false, "parentRowSpace": 10.0, "title": "Form", "hideCard": false, "mobileRightColumn": 42.0, "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [{ "key": "onSubmit" }], "borderWidth": "1", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "resetButtonLabel": "Reset", "key": "csjsvvwmwh", "backgroundColor": "#fff", "isDeprecated": false, "rightColumn": 64.0, "widgetId": "2pnkf5v8uj", "minWidth": 450.0, "parentId": "59hk3a5cny", "renderMode": "CANVAS", "mobileTopRow": 13.0, "scrollContents": true, "responsiveBehavior": "fill", "fixedFooter": true, "originalTopRow": 102.0, "mobileLeftColumn": 17.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 67.0, "widgetName": "Image2", "displayName": "Image", "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", "topRow": 54.0, "bottomRow": 67.0, "parentRowSpace": 10.0, "type": "IMAGE_WIDGET", "hideCard": false, "mobileRightColumn": 50.0, "animateLoading": true, "parentColumnSpace": 6.9375, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "leftColumn": 32.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "defaultImage": "https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif", "key": "an3dz32jnz", "image": "", "isDeprecated": false, "rightColumn": 63.0, "objectFit": "cover", "widgetId": "h24avxj5g0", "isVisible": true, "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Media"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 55.0, "maxZoomLevel": 1.0, "enableDownload": false, "originalTopRow": 49.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 38.0, "originalBottomRow": 62.0, "enableRotation": false }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 74.0, "widgetName": "Container2", "borderColor": "#E0DEDE", "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", "searchTags": ["div", "parent", "group"], "topRow": 148.0, "bottomRow": 188.0, "parentRowSpace": 10.0, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 26.0, "animateLoading": true, "parentColumnSpace": 6.9375, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 100.0, "widgetName": "Canvas4", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 400.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "minHeight": 100.0, "mobileRightColumn": 166.5, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 19.0, "widgetName": "Tabs1", "borderColor": "#E0DEDE", "isCanvas": true, "displayName": "Tabs", "iconSVG": "/static/media/icon.9e3d67c0af9c0bd092dc56240314e18a.svg", "topRow": 4.0, "bottomRow": 38.0, "parentRowSpace": 10.0, "type": "TABS_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 28.0, "animateLoading": true, "parentColumnSpace": 2.939453125, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "tabId": "tab1", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 150.0, "widgetName": "Canvas5", "displayName": "Canvas", "bottomRow": 300.0, "topRow": 0.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 150.0, "mobileRightColumn": 70.546875, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "isVisibleDownload": true, "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", "topRow": 0.0, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "tableData" }, { "key": "primaryColumns.address.computedValue" }, { "key": "primaryColumns.avatar.computedValue" }, { "key": "primaryColumns.email.computedValue" }, { "key": "primaryColumns.gender.computedValue" }, { "key": "primaryColumns.id.computedValue" }, { "key": "primaryColumns.name.computedValue" }, { "key": "primaryColumns.status.computedValue" } ], "needsHeightForContent": true, "leftColumn": 2.0, "delimiter": ",", "defaultSelectedRowIndex": 0.0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 2.0, "totalRecordsCount": 0.0, "tags": ["Suggested", "Display"], "isLoading": false, "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "menuButton": { "menuColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "iconButton": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "editActions": { "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } }, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "columnUpdatedAt": 1.694586626019e12, "defaultSelectedRowIndices": [0.0], "mobileBottomRow": 28.0, "widgetName": "Table1", "defaultPageSize": 0.0, "columnOrder": [ "address", "avatar", "email", "gender", "id", "name", "status" ], "dynamicPropertyPathList": [], "displayName": "Table", "bottomRow": 28.0, "columnWidthMap": {}, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 40.0, "parentColumnSpace": 2.53509521484375, "dynamicTriggerPathList": [], "borderWidth": "1", "primaryColumns": { "address": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 0.0, "width": 150.0, "originalId": "address", "id": "address", "alias": "address", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "address", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", "sticky": "", "validation": {} }, "avatar": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 1.0, "width": 150.0, "originalId": "avatar", "id": "avatar", "alias": "avatar", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "avatar", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", "sticky": "", "validation": {} }, "email": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 2.0, "width": 150.0, "originalId": "email", "id": "email", "alias": "email", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "email", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", "sticky": "", "validation": {} }, "gender": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 3.0, "width": 150.0, "originalId": "gender", "id": "gender", "alias": "gender", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "gender", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", "sticky": "", "validation": {} }, "id": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 4.0, "width": 150.0, "originalId": "id", "id": "id", "alias": "id", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "number", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "id", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", "sticky": "", "validation": {} }, "name": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 5.0, "width": 150.0, "originalId": "name", "id": "name", "alias": "name", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "name", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", "sticky": "", "validation": {} }, "status": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 6.0, "width": 150.0, "originalId": "status", "id": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "status", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", "sticky": "", "validation": {} } }, "key": "3qwgjzmubu", "canFreezeColumn": true, "isDeprecated": false, "rightColumn": 62.0, "textSize": "0.875rem", "widgetId": "b73obdenki", "enableServerSideFiltering": false, "minWidth": 450.0, "tableData": "{{Api1.data}}", "label": "Data", "searchKey": "", "parentId": "gq5pvoxzn5", "renderMode": "CANVAS", "mobileTopRow": 0.0, "horizontalAlignment": "LEFT", "isVisibleSearch": true, "responsiveBehavior": "fill", "mobileLeftColumn": 6.0, "isVisiblePagination": true, "verticalAlignment": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "tabName": "Tab 1", "rightColumn": 70.546875, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "gq5pvoxzn5", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "g6cwwkiv7u", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] }, { "tabId": "tab2", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 150.0, "widgetName": "Canvas6", "displayName": "Canvas", "bottomRow": 300.0, "topRow": 0.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 150.0, "mobileRightColumn": 70.546875, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "tabName": "Tab 2", "rightColumn": 70.546875, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "u6jv770pfr", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "g6cwwkiv7u", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": 1.0, "key": "m440eh8y1m", "backgroundColor": "#FFFFFF", "isDeprecated": false, "rightColumn": 62.0, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "g6cwwkiv7u", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "defaultTab": "Tab 1", "shouldShowTabs": true, "minWidth": 450.0, "tabsObj": { "tab1": { "label": "Tab 1", "id": "tab1", "widgetId": "gq5pvoxzn5", "isVisible": true, "index": 0.0, "positioning": "vertical" }, "tab2": { "label": "Tab 2", "id": "tab2", "widgetId": "u6jv770pfr", "isVisible": true, "index": 1.0, "positioning": "vertical" } }, "isVisible": true, "version": 3.0, "parentId": "h6zbt0dppm", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4.0, "responsiveBehavior": "fill", "originalTopRow": 4.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 4.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 38.0, "minDynamicHeight": 15.0 }, { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton2", "onClick": "{{Api1.run().then(() => {\n showAlert('Executed api!', '');\n});}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "parentRowSpace": 10.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 6.0, "animateLoading": true, "parentColumnSpace": 6.408203125, "dynamicTriggerPathList": [ { "key": "onClick" } ], "leftColumn": 2.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 6.0, "iconName": "play", "widgetId": "u8032a0hmj", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "h6zbt0dppm", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 2.0, "buttonVariant": "PRIMARY" } ], "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 166.5, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "h6zbt0dppm", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "ux91zws0sp", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": "1", "flexVerticalAlignment": "start", "key": "8nbypdc1zz", "backgroundColor": "#FFFFFF", "isDeprecated": false, "rightColumn": 62.0, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ux91zws0sp", "containerStyle": "card", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "59hk3a5cny", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 64.0, "responsiveBehavior": "fill", "originalTopRow": 143.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 2.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 183.0, "minDynamicHeight": 10.0 } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "59hk3a5cny", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "hz6llfbx4u", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 1900.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "hz6llfbx4u", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "originalTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "originalBottomRow": 148.0, "width": 456.0, "minDynamicHeight": 10.0 }, { "boxShadow": "none", "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", "labelText": "Label", "topRow": 22.0, "labelWidth": 5.0, "type": "SELECT_WIDGET", "serverSideFiltering": false, "defaultOptionValue": "GREEN", "animateLoading": true, "leftColumn": 7.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" } ], "placeholderText": "Select option", "isDisabled": false, "isRequired": false, "dynamicHeight": "FIXED", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "version": 1.0, "tags": ["Suggested", "Select"], "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileBottomRow": 29.0, "widgetName": "Select2", "isFilterable": true, "displayName": "Select", "searchTags": ["dropdown"], "bottomRow": 29.0, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 27.0, "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onOptionChange" }], "labelPosition": "Top", "sourceData": [ { "name": "Blue", "code": "BLUE" }, { "name": "Green", "code": "GREEN" }, { "name": "Red", "code": "RED" } ], "key": "9go22qpbuu", "labelTextSize": "0.875rem", "isDeprecated": false, "rightColumn": 27.0, "widgetId": "w1w4pk9zzo", "optionValue": "code", "minWidth": 450.0, "parentId": "0", "labelAlignment": "left", "renderMode": "CANVAS", "mobileTopRow": 22.0, "optionLabel": "name", "responsiveBehavior": "fill", "mobileLeftColumn": 7.0, "maxDynamicHeight": 9000.0, "onOptionChange": "{{showModal(Modal2.name);}}", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal2", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas7", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 240.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton3", "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "hh5batn812", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "vuty12u6h2", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text5", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 9.0, "bottomRow": 13.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 6.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Option changed!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 57.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ijf7l1u08i", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "vuty12u6h2", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "vuty12u6h2", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "lwewdg3z5m", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "lwewdg3z5m", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 262.0, "minDynamicHeight": 24.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "requiresFlatWidgetChildren": true, "isCanvas": true, "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", "topRow": 17.0, "pageSize": 3.0, "type": "LIST_WIDGET_V2", "itemSpacing": 8.0, "animateLoading": true, "dynamicBindingPathList": [ { "key": "currentItemsView" }, { "key": "selectedItemView" }, { "key": "triggeredItemView" }, { "key": "primaryKeys" }, { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "leftColumn": 35.0, "enhancements": true, "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 400.0, "widgetName": "Canvas8", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 400.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "dropDisabled": true, "openParentPropertyPane": true, "minHeight": 400.0, "mobileRightColumn": 234.75, "noPad": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 12.0, "widgetName": "Container3", "borderColor": "#E0DEDE", "disallowCopy": true, "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", "searchTags": ["div", "parent", "group"], "topRow": 0.0, "bottomRow": 12.0, "dragDisabled": true, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": false, "isDeletable": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "widgetName": "Canvas9", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 120.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "useAutoLayout": false, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Image3", "displayName": "Image", "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", "topRow": 0.0, "bottomRow": 8.0, "type": "IMAGE_WIDGET", "hideCard": false, "mobileRightColumn": 16.0, "animateLoading": true, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "dynamicBindingPathList": [ { "key": "image" }, { "key": "borderRadius" } ], "leftColumn": 0.0, "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "an3dz32jnz", "image": "{{currentItem.img}}", "isDeprecated": false, "rightColumn": 16.0, "objectFit": "cover", "widgetId": "zsd3wguxr8", "isVisible": true, "version": 1.0, "parentId": "5e7r8x4ogy", "tags": ["Media"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "maxZoomLevel": 1.0, "enableDownload": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "enableRotation": false }, { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "Text6", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 0.0, "bottomRow": 4.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 28.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.name}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 28.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "xxb9k9l324", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "5e7r8x4ogy", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "HEADING", "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 8.0, "widgetName": "Text7", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": [ "typography", "paragraph", "label" ], "topRow": 4.0, "bottomRow": 8.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 24.0, "animateLoading": true, "overflow": "NONE", "dynamicTriggerPathList": [], "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicBindingPathList": [ { "key": "text" }, { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "leftColumn": 16.0, "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "{{currentItem.id}}", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 24.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "jtxcmjnb72", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "5e7r8x4ogy", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 16.0, "maxDynamicHeight": 9000.0, "fontSize": "1rem", "textStyle": "BODY", "minDynamicHeight": 4.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "5e7r8x4ogy", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "kge1nh55vi", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "borderWidth": "1", "positioning": "fixed", "flexVerticalAlignment": "start", "key": "8nbypdc1zz", "backgroundColor": "white", "isDeprecated": false, "rightColumn": 64.0, "dynamicHeight": "FIXED", "widgetId": "kge1nh55vi", "containerStyle": "card", "minWidth": 450.0, "isVisible": true, "version": 1.0, "isListItemContainer": true, "parentId": "mvr73kk0mj", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "noContainerOffset": true, "disabledWidgetFeatures": ["dynamicHeight"], "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 10.0 } ], "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 234.75, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "mvr73kk0mj", "containerStyle": "none", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "b7fjdn1ail", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "itemBackgroundColor": "#FFFFFF", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "tags": ["Suggested", "Display"], "hasMetaWidgets": true, "isLoading": false, "mainCanvasId": "mvr73kk0mj", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "additionalStaticProps": [ "level", "levelData", "prefixMetaWidgetId", "metaWidgetId" ], "mobileBottomRow": 57.0, "currentItemsView": "{{[]}}", "triggeredItemView": "{{{}}}", "widgetName": "List2", "listData": [ { "id": "001", "name": "Blue", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "002", "name": "Green", "img": "https://assets.appsmith.com/widgets/default.png" }, { "id": "003", "name": "Red", "img": "https://assets.appsmith.com/widgets/default.png" } ], "displayName": "List", "bottomRow": 57.0, "parentRowSpace": 10.0, "hideCard": false, "templateBottomRow": 16.0, "mobileRightColumn": 59.0, "mainContainerId": "kge1nh55vi", "primaryKeys": "{{List2.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onItemClick" }], "gridType": "vertical", "key": "mgbk7d2119", "backgroundColor": "transparent", "isDeprecated": false, "rightColumn": 59.0, "widgetId": "b7fjdn1ail", "minWidth": 450.0, "onItemClick": "{{showModal(Modal3.name);}}", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 17.0, "responsiveBehavior": "fill", "mobileLeftColumn": 35.0, "selectedItemView": "{{{}}}" }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal3", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas10", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton4", "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "gp75kko147", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text8", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 8.0, "bottomRow": 12.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 7.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "List Item Clicked!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 47.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ok3iewf220", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button2", "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 47.0, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "ni3v3lt43c", "buttonStyle": "PRIMARY", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 31.0, "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button3", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 63.0, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "57uc88g7np", "buttonStyle": "PRIMARY_BUTTON", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "lfj97zdxdw", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 47.0, "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "lfj97zdxdw", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "ih3y0k7fhu", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ih3y0k7fhu", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 24.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "isVisibleDownload": true, "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", "topRow": 34.0, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "tableData" }, { "key": "primaryColumns.address.computedValue" }, { "key": "primaryColumns.avatar.computedValue" }, { "key": "primaryColumns.email.computedValue" }, { "key": "primaryColumns.gender.computedValue" }, { "key": "primaryColumns.id.computedValue" }, { "key": "primaryColumns.name.computedValue" }, { "key": "primaryColumns.status.computedValue" } ], "needsHeightForContent": true, "leftColumn": 0.0, "delimiter": ",", "defaultSelectedRowIndex": 0.0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 2.0, "totalRecordsCount": 0.0, "tags": ["Suggested", "Display"], "isLoading": false, "onSearchTextChanged": "{{showModal(Modal4.name);}}", "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "menuButton": { "menuColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "iconButton": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "editActions": { "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } }, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "columnUpdatedAt": 1.69459117549e12, "defaultSelectedRowIndices": [0.0], "mobileBottomRow": 62.0, "widgetName": "Table2", "defaultPageSize": 0.0, "columnOrder": [ "address", "avatar", "email", "gender", "id", "name", "status" ], "dynamicPropertyPathList": [], "displayName": "Table", "bottomRow": 62.0, "columnWidthMap": {}, "parentRowSpace": 10.0, "hideCard": false, "mobileRightColumn": 29.0, "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onSearchTextChanged" }], "borderWidth": "1", "primaryColumns": { "address": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 0.0, "width": 150.0, "originalId": "address", "id": "address", "alias": "address", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "address", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", "sticky": "", "validation": {} }, "avatar": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 1.0, "width": 150.0, "originalId": "avatar", "id": "avatar", "alias": "avatar", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "avatar", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", "sticky": "", "validation": {} }, "email": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 2.0, "width": 150.0, "originalId": "email", "id": "email", "alias": "email", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "email", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", "sticky": "", "validation": {} }, "gender": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 3.0, "width": 150.0, "originalId": "gender", "id": "gender", "alias": "gender", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "gender", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", "sticky": "", "validation": {} }, "id": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 4.0, "width": 150.0, "originalId": "id", "id": "id", "alias": "id", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "number", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "id", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", "sticky": "", "validation": {} }, "name": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 5.0, "width": 150.0, "originalId": "name", "id": "name", "alias": "name", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "name", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", "sticky": "", "validation": {} }, "status": { "allowCellWrapping": false, "allowSameOptionsInNewRow": true, "index": 6.0, "width": 150.0, "originalId": "status", "id": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "status", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", "sticky": "", "validation": {} } }, "key": "3qwgjzmubu", "canFreezeColumn": true, "isDeprecated": false, "rightColumn": 29.0, "textSize": "0.875rem", "widgetId": "wx0pg4tbs3", "enableServerSideFiltering": false, "minWidth": 450.0, "tableData": "{{Api1.data}}", "label": "Data", "searchKey": "", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 34.0, "horizontalAlignment": "LEFT", "isVisibleSearch": true, "responsiveBehavior": "fill", "mobileLeftColumn": 0.0, "isVisiblePagination": true, "verticalAlignment": "CENTER" }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal4", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas11", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton5", "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "y581dyab2v", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text9", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 7.0, "bottomRow": 11.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 7.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Table search value changed!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 47.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "0jm296331g", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button4", "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 47.0, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "j1t93mn6cx", "buttonStyle": "PRIMARY", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 31.0, "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button5", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 63.0, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "uhwv2eik6s", "buttonStyle": "PRIMARY_BUTTON", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "u5sz0sg17f", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 47.0, "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "u5sz0sg17f", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "g5s1486z2m", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "g5s1486z2m", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 24.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", "onSubmit": "{{showModal(Modal5.name);}}", "topRow": 61.0, "type": "JSON_FORM_WIDGET", "animateLoading": true, "leftColumn": 33.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "submitButtonStyles.buttonColor" }, { "key": "submitButtonStyles.borderRadius" }, { "key": "resetButtonStyles.buttonColor" }, { "key": "resetButtonStyles.borderRadius" }, { "key": "schema.__root_schema__.children.name.defaultValue" }, { "key": "schema.__root_schema__.children.name.accentColor" }, { "key": "schema.__root_schema__.children.name.borderRadius" }, { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" }, { "key": "schema.__root_schema__.children.date_of_birth.accentColor" }, { "key": "schema.__root_schema__.children.date_of_birth.borderRadius" }, { "key": "schema.__root_schema__.children.employee_id.defaultValue" }, { "key": "schema.__root_schema__.children.employee_id.accentColor" }, { "key": "schema.__root_schema__.children.employee_id.borderRadius" }, { "key": "schema.__root_schema__.defaultValue" }, { "key": "schema.__root_schema__.borderRadius" }, { "key": "schema.__root_schema__.cellBorderRadius" } ], "showReset": true, "dynamicHeight": "AUTO_HEIGHT", "autoGenerateForm": true, "resetButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "SECONDARY" }, "isVisible": true, "version": 1.0, "tags": ["Suggested", "Layout"], "isLoading": false, "submitButtonLabel": "Submit", "childStylesheet": { "ARRAY": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "OBJECT": { "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "cellBoxShadow": "none" }, "CHECKBOX": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" }, "CURRENCY_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "DATEPICKER": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "EMAIL_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTISELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "MULTILINE_TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PASSWORD_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "PHONE_NUMBER_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "RADIO_GROUP": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "SELECT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "SWITCH": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "boxShadow": "none" }, "TEXT_INPUT": { "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" } }, "disabledWhenInvalid": true, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "originalBottomRow": 118.0, "useSourceData": false, "schema": { "__root_schema__": { "children": { "name": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Text Input", "sourceData": "John", "isCustomField": false, "accessor": "name", "identifier": "name", "position": 0.0, "originalIdentifier": "name", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Name" }, "date_of_birth": { "children": {}, "dataType": "string", "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Datepicker", "sourceData": "20/02/1990", "isCustomField": false, "accessor": "date_of_birth", "identifier": "date_of_birth", "position": 1.0, "originalIdentifier": "date_of_birth", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "closeOnSelection": false, "convertToISO": false, "dateFormat": "DD/MM/YYYY", "isDisabled": false, "isRequired": false, "isVisible": true, "label": "Date Of Birth", "maxDate": "2121-12-31T18:29:00.000Z", "minDate": "1920-12-31T18:30:00.000Z", "shortcuts": false, "timePrecision": "minute", "labelTextSize": "0.875rem" }, "employee_id": { "children": {}, "dataType": "number", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Number Input", "sourceData": 1001.0, "isCustomField": false, "accessor": "employee_id", "identifier": "employee_id", "position": 2.0, "originalIdentifier": "employee_id", "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "iconAlign": "left", "isDisabled": false, "isRequired": false, "isSpellCheck": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "Employee Id" } }, "dataType": "object", "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "fieldType": "Object", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "isCustomField": false, "accessor": "__root_schema__", "identifier": "__root_schema__", "position": -1.0, "originalIdentifier": "__root_schema__", "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "boxShadow": "none", "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", "cellBoxShadow": "none", "isDisabled": false, "isRequired": false, "isVisible": true, "labelTextSize": "0.875rem", "label": "" } }, "mobileBottomRow": 102.0, "widgetName": "JSONForm2", "submitButtonStyles": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "buttonVariant": "PRIMARY" }, "dynamicPropertyPathList": [ { "key": "schema.__root_schema__.children.date_of_birth.defaultValue" } ], "displayName": "JSON Form", "bottomRow": 118.0, "fieldLimitExceeded": false, "parentRowSpace": 10.0, "title": "Form", "hideCard": false, "mobileRightColumn": 58.0, "parentColumnSpace": 9.78125, "dynamicTriggerPathList": [{ "key": "onSubmit" }], "borderWidth": "1", "sourceData": { "name": "John", "date_of_birth": "20/02/1990", "employee_id": 1001.0 }, "resetButtonLabel": "Reset", "key": "csjsvvwmwh", "backgroundColor": "#fff", "isDeprecated": false, "rightColumn": 58.0, "widgetId": "ynk24jdjcq", "minWidth": 450.0, "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 61.0, "scrollContents": true, "responsiveBehavior": "fill", "fixedFooter": true, "originalTopRow": 61.0, "mobileLeftColumn": 33.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0 }, { "boxShadow": "none", "mobileBottomRow": 0.0, "widgetName": "Modal5", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 0.0, "animateLoading": true, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [{ "key": "borderRadius" }], "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 0.0, "widgetName": "Canvas12", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 0.0, "mobileRightColumn": 0.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton6", "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64.0, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "rzx1ugxw80", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "fyesozehw1", "minWidth": 50.0, "isVisible": true, "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "hug", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 58.0, "buttonVariant": "TERTIARY" }, { "mobileBottomRow": 5.0, "widgetName": "Text10", "displayName": "Text", "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 7.0, "bottomRow": 11.0, "type": "TEXT_WIDGET", "hideCard": false, "mobileRightColumn": 41.0, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "dynamicTriggerPathList": [], "leftColumn": 6.0, "dynamicBindingPathList": [ { "key": "truncateButtonColor" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", "text": "Form submitted!", "key": "eggq940xcg", "isDeprecated": false, "rightColumn": 46.0, "textAlign": "LEFT", "dynamicHeight": "AUTO_HEIGHT", "widgetId": "vdhzz04buu", "minWidth": 450.0, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Suggested", "Content"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 1.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 1.0, "maxDynamicHeight": 9000.0, "fontSize": "1.25rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button6", "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 47.0, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "b6us5yglbb", "buttonStyle": "PRIMARY", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 31.0, "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button7", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 63.0, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "psr2q2qnuk", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "zdvzbekkj8", "buttonStyle": "PRIMARY_BUTTON", "minWidth": 120.0, "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "d0y05ie88b", "tags": ["Buttons"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 18.0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 47.0, "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "gmdsbkf4kj", "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "d0y05ie88b", "minWidth": 450.0, "isVisible": true, "version": 1.0, "parentId": "m34ly0psqc", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "minDynamicHeight": 4.0, "flexLayers": [] } ], "key": "ole7lkmkv0", "height": 240.0, "isDeprecated": false, "rightColumn": 0.0, "detachFromLayout": true, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "m34ly0psqc", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "tags": ["Layout"], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0.0, "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 24.0 } ] }, "layoutOnLoadActions": [ [ { "id": "Page1_Api1", "name": "Api1", "confirmBeforeExecute": false, "pluginType": "API", "jsonPathKeys": [], "timeoutInMillisecond": 10000.0 } ] ], "layoutOnLoadActionErrors": [], "validOnPageLoadActions": true, "id": "Page1", "deleted": false, "policies": [], "userPermissions": [] } ], "userPermissions": [], "policies": [] }, "deleted": false, "gitSyncId": "65015519504ba7054aa92432_65015519504ba7054aa92434" } ], "actionList": [ { "pluginType": "API", "pluginId": "restapi-plugin", "unpublishedAction": { "name": "Api1", "datasource": { "name": "DEFAULT_REST_DATASOURCE", "pluginId": "restapi-plugin", "datasourceConfiguration": { "url": "http://host.docker.internal:5001" }, "invalids": [], "messages": [], "isAutoGenerated": false, "deleted": false, "policies": [], "userPermissions": [] }, "pageId": "Page1", "actionConfiguration": { "timeoutInMillisecond": 10000.0, "paginationType": "NONE", "path": "/v1/mock-api", "headers": [], "encodeParamsToggle": true, "queryParameters": [{ "key": "records", "value": "10" }], "bodyFormData": [], "httpMethod": "GET", "selfReferencingDataPaths": [], "pluginSpecifiedTemplates": [{ "value": true }], "formData": { "apiContentType": "none" } }, "executeOnLoad": true, "dynamicBindingPathList": [], "isValid": true, "invalids": [], "messages": [], "jsonPathKeys": [], "userSetOnLoad": false, "confirmBeforeExecute": false, "policies": [], "userPermissions": [], "createdAt": "2023-09-13T06:29:30Z" }, "publishedAction": { "name": "Api1", "datasource": { "name": "DEFAULT_REST_DATASOURCE", "pluginId": "restapi-plugin", "datasourceConfiguration": { "url": "http://host.docker.internal:5001" }, "invalids": [], "messages": [], "isAutoGenerated": false, "deleted": false, "policies": [], "userPermissions": [] }, "pageId": "Page1", "actionConfiguration": { "timeoutInMillisecond": 10000.0, "paginationType": "NONE", "path": "/v1/mock-api", "headers": [], "encodeParamsToggle": true, "queryParameters": [{ "key": "records", "value": "10" }], "bodyFormData": [], "httpMethod": "GET", "selfReferencingDataPaths": [], "pluginSpecifiedTemplates": [{ "value": true }], "formData": { "apiContentType": "none" } }, "executeOnLoad": true, "dynamicBindingPathList": [], "isValid": true, "invalids": [], "messages": [], "jsonPathKeys": [], "userSetOnLoad": false, "confirmBeforeExecute": false, "policies": [], "userPermissions": [], "createdAt": "2023-09-13T06:29:30Z" }, "id": "Page1_Api1", "deleted": false, "gitSyncId": "65015519504ba7054aa92432_650156ca504ba7054aa92437" } ], "actionCollectionList": [], "updatedResources": { "customJSLibList": [], "actionList": ["Api1##ENTITY_SEPARATOR##Page1"], "pageList": ["Page1"], "actionCollectionList": [] }, "editModeTheme": { "name": "Default", "displayName": "Modern", "isSystemTheme": true, "deleted": false }, "publishedTheme": { "name": "Default", "displayName": "Modern", "isSystemTheme": true, "deleted": false } }