{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 4896, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 380, "containerStyle": "none", "snapRows": 124, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 77, "minHeight": 1292, "useAutoLayout": true, "dynamicTriggerPathList": [], "parentColumnSpace": 1, "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "isVisibleDownload": true, "iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg", "topRow": 0, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "primaryColumns.step.computedValue" }, { "key": "primaryColumns.task.computedValue" }, { "key": "primaryColumns.status.computedValue" }, { "key": "primaryColumns.action.computedValue" }, { "key": "primaryColumns.action.buttonColor" }, { "key": "primaryColumns.action.borderRadius" }, { "key": "primaryColumns.action.boxShadow" }, { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "needsHeightForContent": true, "leftColumn": 0, "delimiter": ",", "defaultSelectedRowIndex": 0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 1, "totalRecordsCount": 0, "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": 1677824462939, "defaultSelectedRowIndices": [0], "alignment": "start", "mobileBottomRow": 29, "widgetName": "Table1", "defaultPageSize": 0, "columnOrder": ["step", "task", "status", "action"], "dynamicPropertyPathList": [], "displayName": "Table", "bottomRow": 29, "columnWidthMap": { "task": 245, "step": 70, "status": 85 }, "parentRowSpace": 10, "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 10.59375, "borderWidth": "1", "primaryColumns": { "step": { "index": 0, "width": 150, "id": "step", "originalId": "step", "alias": "step", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDerived": false, "label": "step", "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}", "validation": {}, "sticky": "", "labelColor": "#FFFFFF" }, "task": { "index": 1, "width": 150, "id": "task", "originalId": "task", "alias": "task", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDerived": false, "label": "task", "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}", "validation": {}, "sticky": "", "labelColor": "#FFFFFF" }, "status": { "index": 2, "width": 150, "id": "status", "originalId": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDerived": false, "label": "status", "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", "validation": {}, "sticky": "", "labelColor": "#FFFFFF" }, "action": { "index": 3, "width": 150, "id": "action", "originalId": "action", "alias": "action", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "button", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isCellEditable": false, "isDisabled": false, "isDerived": false, "label": "action", "onClick": "{{currentRow.step === '#1' ? showAlert('Done', 'success') : currentRow.step === '#2' ? navigateTo('https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database',undefined,'NEW_WINDOW') : navigateTo('https://docs.appsmith.com/core-concepts/displaying-data-read/display-data-tables',undefined,'NEW_WINDOW')}}", "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}", "validation": {}, "sticky": "", "labelColor": "#FFFFFF", "buttonColor": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}", "borderRadius": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}", "boxShadow": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}" } }, "key": "j48nf8eer4", "canFreezeColumn": true, "isDeprecated": false, "rightColumn": 32, "textSize": "0.875rem", "widgetId": "7cl63rylx7", "minWidth": 450, "tableData": [ { "step": "#1", "task": "Drop a table", "status": "✅", "action": "" }, { "step": "#2", "task": "Create a query fetch_users with the Mock DB", "status": "--", "action": "" }, { "step": "#3", "task": "Bind the query using => fetch_users.data", "status": "--", "action": "" } ], "label": "Data", "searchKey": "", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 0, "horizontalAlignment": "LEFT", "isVisibleSearch": true, "responsiveBehavior": "fill", "mobileLeftColumn": 0, "isVisiblePagination": true, "verticalAlignment": "CENTER" }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 40, "widgetName": "Container1", "borderColor": "#E0DEDE", "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.1977dca3370505e2db3a8e44cfd54907.svg", "searchTags": ["div", "parent", "group"], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "CONTAINER_WIDGET", "hideCard": false, "shouldScrollContents": true, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 10.59375, "leftColumn": 32, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "mobileBottomRow": 100, "widgetName": "Canvas1", "displayName": "Canvas", "topRow": 0, "bottomRow": 100, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "minHeight": 100, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "children": [ { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 4, "widgetName": "Button1", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 0, "bottomRow": 4, "parentRowSpace": 10, "type": "BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 18.285714285714285, "animateLoading": true, "parentColumnSpace": 4.984375, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "xwpon9g2l7", "isDeprecated": false, "rightColumn": 16, "isDefaultClickDisabled": true, "widgetId": "luhrsbt6ps", "minWidth": 120, "isVisible": true, "recaptchaType": "V3", "version": 1, "parentId": "h3rle8awde", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0, "buttonVariant": "PRIMARY", "placement": "CENTER", "alignment": "start" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 8, "widgetName": "Button4", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 0, "bottomRow": 4, "parentRowSpace": 10, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 4.984375, "leftColumn": 16, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "xwpon9g2l7", "isDeprecated": false, "rightColumn": 32, "isDefaultClickDisabled": true, "widgetId": "yqy3pk4h3t", "minWidth": 120, "isVisible": true, "recaptchaType": "V3", "version": 1, "parentId": "h3rle8awde", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "PRIMARY", "placement": "CENTER", "alignment": "end" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 8, "widgetName": "Button3", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 0, "bottomRow": 4, "parentRowSpace": 10, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 4.984375, "leftColumn": 32, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "xwpon9g2l7", "isDeprecated": false, "rightColumn": 48, "isDefaultClickDisabled": true, "widgetId": "tbkp09ptl1", "minWidth": 120, "isVisible": true, "recaptchaType": "V3", "version": 1, "parentId": "h3rle8awde", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "PRIMARY", "placement": "CENTER", "alignment": "end" }, { "resetFormOnClick": false, "boxShadow": "none", "mobileBottomRow": 8, "widgetName": "Button2", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 0, "bottomRow": 4, "parentRowSpace": 10, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 4.984375, "leftColumn": 48, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "xwpon9g2l7", "isDeprecated": false, "rightColumn": 64, "isDefaultClickDisabled": true, "widgetId": "f3jmd21ifd", "minWidth": 120, "isVisible": true, "recaptchaType": "V3", "version": 1, "parentId": "h3rle8awde", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 4, "responsiveBehavior": "hug", "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "PRIMARY", "placement": "CENTER", "alignment": "center" }, { "isVisible": true, "animateLoading": true, "text": "Submit", "buttonVariant": "PRIMARY", "placement": "CENTER", "widgetName": "Button5", "isDisabled": false, "isDefaultClickDisabled": true, "disabledWhenInvalid": false, "resetFormOnClick": false, "recaptchaType": "V3", "version": 1, "responsiveBehavior": "hug", "minWidth": 120, "searchTags": ["click", "submit"], "type": "BUTTON_WIDGET", "hideCard": false, "isDeprecated": false, "displayName": "Button", "key": "v9sbshimtx", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "alignment": "start", "widgetId": "abnprwjj5z", "renderMode": "CANVAS", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none", "isLoading": false, "parentColumnSpace": 4.984375, "parentRowSpace": 10, "leftColumn": 0, "rightColumn": 16, "topRow": 4, "bottomRow": 8, "parentId": "h3rle8awde", "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ] } ], "key": "662uv17gxt", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": true, "widgetId": "h3rle8awde", "containerStyle": "none", "minWidth": 450, "isVisible": true, "version": 1, "parentId": "jbzhftv5sb", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "fill", "mobileLeftColumn": 0, "flexLayers": [ { "children": [ { "id": "luhrsbt6ps", "align": "start" }, { "id": "yqy3pk4h3t", "align": "end" }, { "id": "tbkp09ptl1", "align": "end" }, { "id": "f3jmd21ifd", "align": "end" } ] }, { "children": [ { "id": "abnprwjj5z", "align": "start" } ] } ] } ], "borderWidth": "1", "key": "hfzwuumtu8", "backgroundColor": "#FFFFFF", "isDeprecated": false, "rightColumn": 64, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "jbzhftv5sb", "containerStyle": "card", "minWidth": 450, "isVisible": true, "version": 1, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 29, "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0, "maxDynamicHeight": 9000, "alignment": "start", "minDynamicHeight": 10, "originalTopRow": 0, "originalBottomRow": 11 } ], "positioning": "vertical", "direction": "Vertical", "flexLayers": [ { "children": [ { "id": "7cl63rylx7", "align": "start" }, { "id": "jbzhftv5sb", "align": "start" } ] } ] } }