{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 776, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 1320, "containerStyle": "none", "snapRows": 125, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 58, "minHeight": 1292, "parentColumnSpace": 1, "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "isVisible": true, "backgroundColor": "transparent", "itemBackgroundColor": "#FFFFFF", "animateLoading": true, "gridType": "vertical", "template": { "Image1": { "isVisible": true, "defaultImage": "https://assets.appsmith.com/widgets/default.png", "imageShape": "RECTANGLE", "maxZoomLevel": 1, "enableRotation": false, "enableDownload": false, "objectFit": "cover", "image": "{{List1.listData.map((currentItem) => currentItem.img)}}", "widgetName": "Image1", "version": 1, "animateLoading": true, "type": "IMAGE_WIDGET", "hideCard": false, "displayName": "Image", "key": "vxcejy1m0c", "iconSVG": "/static/media/icon.52d8fb96.svg", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "image" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "l3eyhgrus9", "renderMode": "CANVAS", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 0, "rightColumn": 16, "topRow": 0, "bottomRow": 8, "parentId": "ku59q894ll" }, "Text1": { "isVisible": true, "text": "{{List1.listData.map((currentItem) => currentItem.name)}}", "fontSize": "1rem", "fontStyle": "BOLD", "textAlign": "LEFT", "textColor": "#231F20", "truncateButtonColor": "#FFC13D", "widgetName": "Text1", "shouldTruncate": false, "overflow": "NONE", "version": 1, "animateLoading": true, "type": "TEXT_WIDGET", "hideCard": false, "displayName": "Text", "key": "yca4fpjxb9", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "HEADING", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "xvuk7zw6i2", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 28, "topRow": 0, "bottomRow": 4, "parentId": "ku59q894ll" }, "Text2": { "isVisible": true, "text": "{{List1.listData.map((currentItem) => currentItem.id)}}", "fontSize": "1rem", "fontStyle": "BOLD", "textAlign": "LEFT", "textColor": "#231F20", "truncateButtonColor": "#FFC13D", "widgetName": "Text2", "shouldTruncate": false, "overflow": "NONE", "version": 1, "animateLoading": true, "type": "TEXT_WIDGET", "hideCard": false, "displayName": "Text", "key": "yca4fpjxb9", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "BODY", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "i9cqbzdsxl", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 24, "topRow": 4, "bottomRow": 8, "parentId": "ku59q894ll" }, "Text3": { "isVisible": true, "text": "{{List1.listData.map((currentItem, currentIndex) => {\n return (function(){\n return currentItem;\n })();\n })}}", "fontSize": "1rem", "fontStyle": "BOLD", "textAlign": "LEFT", "textColor": "#231F20", "truncateButtonColor": "#FFC13D", "widgetName": "Text3", "shouldTruncate": false, "overflow": "NONE", "version": 1, "animateLoading": true, "type": "TEXT_WIDGET", "hideCard": false, "displayName": "Text", "key": "yca4fpjxb9", "iconSVG": "/static/media/icon.97c59b52.svg", "widgetId": "jmhrzoucgs", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "parentColumnSpace": 5.6796875, "parentRowSpace": 10, "leftColumn": 38, "rightColumn": 54, "topRow": 1, "bottomRow": 5, "parentId": "ku59q894ll", "dynamicBindingPathList": [ { "key": "fontFamily" }, { "key": "borderRadius" } ], "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldTruncate": true, "overflow": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "minHeight": true, "widgetId": true, "renderMode": true, "fontFamily": true, "borderRadius": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true, "dynamicBindingPathList": true } } }, "enhancements": true, "gridGap": 0, "listData": "[\"Pawan\", \"Vivek\"]", "widgetName": "List1", "children": [ { "isVisible": true, "widgetName": "Canvas1", "version": 1, "detachFromLayout": true, "type": "CANVAS_WIDGET", "hideCard": true, "displayName": "Canvas", "key": "d2bft20owz", "containerStyle": "none", "canExtend": false, "dropDisabled": true, "openParentPropertyPane": true, "noPad": true, "children": [ { "isVisible": true, "backgroundColor": "white", "widgetName": "Container1", "containerStyle": "card", "borderColor": "transparent", "borderWidth": "0", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "animateLoading": true, "children": [ { "isVisible": true, "widgetName": "Canvas2", "version": 1, "detachFromLayout": true, "type": "CANVAS_WIDGET", "hideCard": true, "displayName": "Canvas", "key": "d2bft20owz", "containerStyle": "none", "canExtend": false, "children": [ { "isVisible": true, "defaultImage": "https://assets.appsmith.com/widgets/default.png", "imageShape": "RECTANGLE", "maxZoomLevel": 1, "enableRotation": false, "enableDownload": false, "objectFit": "cover", "image": "{{currentItem.img}}", "widgetName": "Image1", "version": 1, "animateLoading": true, "type": "IMAGE_WIDGET", "hideCard": false, "displayName": "Image", "key": "vxcejy1m0c", "iconSVG": "/static/media/icon.52d8fb96.svg", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "image" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "l3eyhgrus9", "renderMode": "CANVAS", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 0, "rightColumn": 16, "topRow": 0, "bottomRow": 8, "parentId": "ku59q894ll", "logBlackList": { "isVisible": true, "defaultImage": true, "imageShape": true, "maxZoomLevel": true, "enableRotation": true, "enableDownload": true, "objectFit": true, "image": true, "widgetName": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "boxShadow": true, "dynamicBindingPathList": true, "dynamicTriggerPathList": true, "minHeight": true, "widgetId": true, "renderMode": true, "borderRadius": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true } }, { "isVisible": true, "text": "{{currentItem.name}}", "fontSize": "1rem", "fontStyle": "BOLD", "textAlign": "LEFT", "textColor": "#231F20", "truncateButtonColor": "#FFC13D", "widgetName": "Text1", "shouldTruncate": false, "overflow": "NONE", "version": 1, "animateLoading": true, "type": "TEXT_WIDGET", "hideCard": false, "displayName": "Text", "key": "yca4fpjxb9", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "HEADING", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "xvuk7zw6i2", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 28, "topRow": 0, "bottomRow": 4, "parentId": "ku59q894ll", "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldTruncate": true, "overflow": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "textStyle": true, "boxShadow": true, "dynamicBindingPathList": true, "dynamicTriggerPathList": true, "minHeight": true, "widgetId": true, "renderMode": true, "fontFamily": true, "borderRadius": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true } }, { "isVisible": true, "text": "{{currentItem.id}}", "fontSize": "1rem", "fontStyle": "BOLD", "textAlign": "LEFT", "textColor": "#231F20", "truncateButtonColor": "#FFC13D", "widgetName": "Text2", "shouldTruncate": false, "overflow": "NONE", "version": 1, "animateLoading": true, "type": "TEXT_WIDGET", "hideCard": false, "displayName": "Text", "key": "yca4fpjxb9", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "BODY", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "i9cqbzdsxl", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 24, "topRow": 4, "bottomRow": 8, "parentId": "ku59q894ll", "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldTruncate": true, "overflow": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "textStyle": true, "boxShadow": true, "dynamicBindingPathList": true, "dynamicTriggerPathList": true, "minHeight": true, "widgetId": true, "renderMode": true, "fontFamily": true, "borderRadius": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true } }, { "isVisible": true, "text": "{{currentItem}}", "fontSize": "1rem", "fontStyle": "BOLD", "textAlign": "LEFT", "textColor": "#231F20", "truncateButtonColor": "#FFC13D", "widgetName": "Text3", "shouldTruncate": false, "overflow": "NONE", "version": 1, "animateLoading": true, "type": "TEXT_WIDGET", "hideCard": false, "displayName": "Text", "key": "yca4fpjxb9", "iconSVG": "/static/media/icon.97c59b52.svg", "widgetId": "jmhrzoucgs", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "parentColumnSpace": 5.6796875, "parentRowSpace": 10, "leftColumn": 38, "rightColumn": 54, "topRow": 1, "bottomRow": 5, "parentId": "ku59q894ll", "dynamicBindingPathList": [ { "key": "fontFamily" }, { "key": "borderRadius" }, { "key": "text" } ], "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldTruncate": true, "overflow": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "minHeight": true, "widgetId": true, "renderMode": true, "fontFamily": true, "borderRadius": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true, "dynamicBindingPathList": true }, "dynamicTriggerPathList": [] } ], "minHeight": null, "widgetId": "ku59q894ll", "renderMode": "CANVAS", "boxShadow": "none", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isLoading": false, "parentColumnSpace": 1, "parentRowSpace": 1, "leftColumn": 0, "rightColumn": null, "topRow": 0, "bottomRow": null, "parentId": "q64lojs35o", "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "accentColor" } ] } ], "version": 1, "type": "CONTAINER_WIDGET", "hideCard": false, "displayName": "Container", "key": "py27820ubt", "iconSVG": "/static/media/icon.1977dca3.svg", "isCanvas": true, "dragDisabled": true, "isDeletable": false, "disallowCopy": true, "disablePropertyPane": true, "openParentPropertyPane": true, "widgetId": "q64lojs35o", "renderMode": "CANVAS", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 0, "rightColumn": 64, "topRow": 0, "bottomRow": 12, "parentId": "no8tmrnpax", "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ] } ], "minHeight": 400, "widgetId": "no8tmrnpax", "renderMode": "CANVAS", "boxShadow": "none", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isLoading": false, "parentColumnSpace": 1, "parentRowSpace": 1, "leftColumn": 0, "rightColumn": 391.5, "topRow": 0, "bottomRow": 400, "parentId": "hvt7qfqiqj", "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "accentColor" } ] } ], "type": "LIST_WIDGET", "hideCard": false, "displayName": "List", "key": "ux6kqofl7o", "iconSVG": "/static/media/icon.9925ee17.svg", "isCanvas": true, "widgetId": "hvt7qfqiqj", "renderMode": "CANVAS", "accentColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "isLoading": false, "parentColumnSpace": 16.3125, "parentRowSpace": 10, "leftColumn": 14, "rightColumn": 38, "topRow": 10, "bottomRow": 50, "parentId": "0", "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "template.Image1.image" }, { "key": "template.Text1.text" }, { "key": "template.Text2.text" }, { "key": "template.Text3.text" } ], "privateWidgets": { "Image1": true, "Text1": true, "Text2": true, "Text3": true }, "dynamicTriggerPathList": [] } ] } }