{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 4896.0, "snapColumns": 64.0, "detachFromLayout": true, "widgetId": "0", "topRow": 0.0, "bottomRow": 1960.0, "containerStyle": "none", "snapRows": 125.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "version": 69.0, "minHeight": 1292.0, "dynamicTriggerPathList": [], "parentColumnSpace": 1.0, "dynamicBindingPathList": [], "leftColumn": 0.0, "children": [ { "boxShadow": "none", "widgetName": "Camera1", "isCanvas": false, "displayName": "Camera", "iconSVG": "/static/media/icon.79c0d6de26a15bf464f2485130faa461.svg", "searchTags": ["photo", "video recorder"], "topRow": 89.0, "bottomRow": 122.0, "onImageSave": "{{navigateTo(Camera1.imageBlobURL, {},'NEW_WINDOW')}}", "parentRowSpace": 10.0, "type": "CAMERA_WIDGET", "hideCard": false, "mode": "CAMERA", "parentColumnSpace": 12.5625, "dynamicTriggerPathList": [ { "key": "onImageSave" } ], "leftColumn": 26.0, "dynamicBindingPathList": [ { "key": "borderRadius" } ], "isDisabled": false, "key": "5t4ruriojo", "isMirrored": true, "isDeprecated": false, "rightColumn": 51.0, "widgetId": "1xqim0libq", "isVisible": true, "version": 1.0, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" }, { "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button1", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 15.0, "bottomRow": 19.0, "parentRowSpace": 10.0, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 12.5625, "leftColumn": 9.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "5de9k4p6gc", "isDeprecated": false, "rightColumn": 25.0, "isDefaultClickDisabled": true, "widgetId": "psmtf6j4h7", "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "PRIMARY", "placement": "CENTER" }, { "boxShadow": "none", "widgetName": "Modal1", "isCanvas": true, "displayName": "Modal", "iconSVG": "/static/media/icon.4975978e9a961fb0bfb4e38de7ecc7c5.svg", "searchTags": ["dialog", "popup", "notification"], "topRow": 31.0, "bottomRow": 55.0, "parentRowSpace": 10.0, "type": "MODAL_WIDGET", "hideCard": false, "shouldScrollContents": true, "animateLoading": true, "parentColumnSpace": 12.5625, "leftColumn": 26.0, "dynamicBindingPathList": [ { "key": "borderRadius" } ], "children": [ { "boxShadow": "none", "widgetName": "Canvas1", "displayName": "Canvas", "topRow": 0.0, "bottomRow": 240.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 240.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "accentColor" } ], "children": [ { "boxShadow": "none", "widgetName": "IconButton1", "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", "searchTags": ["click", "submit"], "topRow": 0.0, "bottomRow": 4.0, "type": "ICON_BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "leftColumn": 58.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "iconSize": 24.0, "isDisabled": false, "key": "hs7bgii630", "isDeprecated": false, "rightColumn": 64.0, "iconName": "cross", "widgetId": "nakkcklsac", "isVisible": true, "version": 1.0, "parentId": "dh08nm6r0n", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "TERTIARY" }, { "widgetName": "Text1", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg", "searchTags": ["typography", "paragraph", "label"], "topRow": 1.0, "bottomRow": 5.0, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "overflow": "NONE", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "leftColumn": 1.0, "dynamicBindingPathList": [ { "key": "fontFamily" }, { "key": "borderRadius" } ], "shouldTruncate": false, "truncateButtonColor": "#FFC13D", "text": "Modal Title", "key": "vf182terdb", "isDeprecated": false, "rightColumn": 41.0, "textAlign": "LEFT", "dynamicHeight": "FIXED", "widgetId": "jp8t17pvg8", "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "version": 1.0, "parentId": "dh08nm6r0n", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "maxDynamicHeight": 9000.0, "fontSize": "1.5rem", "minDynamicHeight": 4.0 }, { "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button2", "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "leftColumn": 31.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Close", "isDisabled": false, "key": "f0fco6xq5e", "isDeprecated": false, "rightColumn": 47.0, "isDefaultClickDisabled": true, "widgetId": "vo621k17dz", "buttonStyle": "PRIMARY", "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "dh08nm6r0n", "renderMode": "CANVAS", "isLoading": false, "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "SECONDARY", "placement": "CENTER" }, { "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button3", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 18.0, "bottomRow": 22.0, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "leftColumn": 47.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Confirm", "isDisabled": false, "key": "f0fco6xq5e", "isDeprecated": false, "rightColumn": 63.0, "isDefaultClickDisabled": true, "widgetId": "yn29aoww26", "buttonStyle": "PRIMARY_BUTTON", "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "dh08nm6r0n", "renderMode": "CANVAS", "isLoading": false, "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "ux6h2fr33g", "isDeprecated": false, "rightColumn": 301.5, "detachFromLayout": true, "widgetId": "dh08nm6r0n", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisible": true, "version": 1.0, "parentId": "4ax70fzq06", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } ], "key": "v7xadj2qgx", "height": 240.0, "isDeprecated": false, "rightColumn": 50.0, "detachFromLayout": true, "dynamicHeight": "FIXED", "widgetId": "4ax70fzq06", "canOutsideClickClose": true, "canEscapeKeyClose": true, "version": 2.0, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "maxDynamicHeight": 9000.0, "width": 456.0, "minDynamicHeight": 4.0 }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "isVisibleDownload": true, "iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg", "topRow": 127.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" }, { "key": "childStylesheet.button.buttonColor" }, { "key": "childStylesheet.button.borderRadius" }, { "key": "childStylesheet.menuButton.menuColor" }, { "key": "childStylesheet.menuButton.borderRadius" }, { "key": "childStylesheet.iconButton.buttonColor" }, { "key": "childStylesheet.iconButton.borderRadius" }, { "key": "childStylesheet.editActions.saveButtonColor" }, { "key": "childStylesheet.editActions.saveBorderRadius" }, { "key": "childStylesheet.editActions.discardButtonColor" }, { "key": "childStylesheet.editActions.discardBorderRadius" }, { "key": "primaryColumns.status.menuColor" }, { "key": "primaryColumns.status.borderRadius" }, { "key": "primaryColumns.status.boxShadow" }, { "key": "primaryColumns.status.menuButtonLabel" } ], "leftColumn": 5.0, "delimiter": ",", "defaultSelectedRowIndex": 0.0, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 1.0, "totalRecordsCount": 0.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}}", "defaultSelectedRowIndices": [0.0], "widgetName": "Table1", "defaultPageSize": 0.0, "columnOrder": [ "step", "task", "status", "action" ], "dynamicPropertyPathList": [{"key": "tableData"}], "displayName": "Table", "bottomRow": 155.0, "columnWidthMap": { "task": 245.0, "step": 62.0, "status": 75.0 }, "parentRowSpace": 10.0, "hideCard": false, "parentColumnSpace": 10.515625, "dynamicTriggerPathList": [], "borderWidth": "1", "primaryColumns": { "step": { "index": 0.0, "width": 150.0, "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": {}, "labelColor": "#FFFFFF" }, "task": { "index": 1.0, "width": 150.0, "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": {}, "labelColor": "#FFFFFF" }, "status": { "index": 2.0, "width": 150.0, "id": "status", "originalId": "status", "alias": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "menuButton", "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": {}, "labelColor": "#FFFFFF", "menuColor": "{{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'))}}", "customAlias": "", "menuButtonLabel": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'Open Menu'))}}", "menuItems": { "menuIteme63irwbvnd": { "id": "menuIteme63irwbvnd", "index": 0.0, "label": "Menu Item 1", "widgetId": "f6hfchc8z7", "isDisabled": false, "isVisible": true } } }, "action": { "index": 3.0, "width": 150.0, "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": {}, "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": "eg6ib886an", "isDeprecated": false, "rightColumn": 39.0, "textSize": "0.875rem", "widgetId": "lqehhvs21b", "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", "horizontalAlignment": "LEFT", "isVisibleSearch": true, "isVisiblePagination": true, "verticalAlignment": "CENTER" }, { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "widgetName": "Tabs1", "borderColor": "#E0DEDE", "isCanvas": true, "displayName": "Tabs", "iconSVG": "/static/media/icon.74a6d653c8201e66f1cd367a3fba2657.svg", "topRow": 156.0, "bottomRow": 188.0, "parentRowSpace": 10.0, "type": "TABS_WIDGET", "hideCard": false, "shouldScrollContents": true, "animateLoading": true, "parentColumnSpace": 22.78125, "leftColumn": 33.0, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "tabId": "tab1", "widgetName": "Canvas2", "displayName": "Canvas", "bottomRow": 270.0, "topRow": 0.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 270.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [], "children": [], "isDisabled": false, "key": "fz419vgz5h", "isDeprecated": false, "tabName": "Tab 1", "rightColumn": 546.75, "detachFromLayout": true, "widgetId": "vu99o7ewxn", "isVisible": true, "version": 1.0, "parentId": "ih1hhj512r", "renderMode": "CANVAS", "isLoading": false }, { "tabId": "tab2", "widgetName": "Canvas3", "displayName": "Canvas", "bottomRow": 270.0, "topRow": 0.0, "parentRowSpace": 1.0, "type": "CANVAS_WIDGET", "canExtend": true, "hideCard": true, "shouldScrollContents": false, "minHeight": 270.0, "parentColumnSpace": 1.0, "leftColumn": 0.0, "dynamicBindingPathList": [], "children": [ { "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button4", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", "searchTags": ["click", "submit"], "topRow": 21.0, "bottomRow": 25.0, "parentRowSpace": 10.0, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 8.23046875, "leftColumn": 17.0, "dynamicBindingPathList": [ { "key": "buttonColor" }, { "key": "borderRadius" } ], "text": "Submit", "isDisabled": false, "key": "9o5rfnb50s", "isDeprecated": false, "rightColumn": 33.0, "isDefaultClickDisabled": true, "widgetId": "lz7izc77ar", "isVisible": true, "recaptchaType": "V3", "version": 1.0, "parentId": "d5apxr06ko", "renderMode": "CANVAS", "isLoading": false, "disabledWhenInvalid": false, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "buttonVariant": "PRIMARY", "placement": "CENTER" } ], "isDisabled": false, "key": "fz419vgz5h", "isDeprecated": false, "tabName": "Tab 2", "rightColumn": 546.75, "detachFromLayout": true, "widgetId": "d5apxr06ko", "isVisible": true, "version": 1.0, "parentId": "ih1hhj512r", "renderMode": "CANVAS", "isLoading": false } ], "borderWidth": 1.0, "key": "ybq34680di", "backgroundColor": "#FFFFFF", "isDeprecated": false, "rightColumn": 57.0, "dynamicHeight": "AUTO_HEIGHT", "widgetId": "ih1hhj512r", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "defaultTab": "Tab 1", "shouldShowTabs": true, "tabsObj": { "tab1": { "label": "Tab 1", "id": "tab1", "widgetId": "vu99o7ewxn", "isVisible": true, "index": 0.0 }, "tab2": { "label": "Tab 2", "id": "tab2", "widgetId": "d5apxr06ko", "isVisible": true, "index": 1.0 } }, "isVisible": true, "version": 3.0, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "originalTopRow": 156.0, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "maxDynamicHeight": 9000.0, "originalBottomRow": 176.0, "minDynamicHeight": 15.0 } ] } }