{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 4896, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 5000, "containerStyle": "none", "snapRows": 125, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 58, "minHeight": 1292, "dynamicTriggerPathList": [], "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": "2hwu01ugse", "iconSVG": "/static/media/icon.52d8fb96.svg", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "image" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "tubj5wpy4d", "renderMode": "CANVAS", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 0, "rightColumn": 16, "topRow": 0, "bottomRow": 8, "parentId": "59a6hm4ax9" }, "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": "xhyjgpwa7w", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "HEADING", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "ciwmi8h81d", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 28, "topRow": 0, "bottomRow": 4, "parentId": "59a6hm4ax9" }, "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": "xhyjgpwa7w", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "BODY", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "ike7ax9wrb", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 24, "topRow": 4, "bottomRow": 8, "parentId": "59a6hm4ax9" }, "Text3": { "isVisible": true, "text": "{{List1.listData.map((currentItem, currentIndex) => {\n return (function(){\n return currentItem.name;\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": "xhyjgpwa7w", "iconSVG": "/static/media/icon.97c59b52.svg", "widgetId": "5uxmcg4ap0", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "parentColumnSpace": 5.6796875, "parentRowSpace": 10, "leftColumn": 42, "rightColumn": 58, "topRow": 1, "bottomRow": 5, "parentId": "59a6hm4ax9", "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": "[{ \"name\": \"pawan\"}, { \"name\": \"Vivek\" }]", "widgetName": "List1", "children": [ { "isVisible": true, "widgetName": "Canvas1", "version": 1, "detachFromLayout": true, "type": "CANVAS_WIDGET", "hideCard": true, "displayName": "Canvas", "key": "he0ujhg80o", "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": "he0ujhg80o", "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": "2hwu01ugse", "iconSVG": "/static/media/icon.52d8fb96.svg", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "image" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "tubj5wpy4d", "renderMode": "CANVAS", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 0, "rightColumn": 16, "topRow": 0, "bottomRow": 8, "parentId": "59a6hm4ax9", "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": "xhyjgpwa7w", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "HEADING", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "ciwmi8h81d", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 28, "topRow": 0, "bottomRow": 4, "parentId": "59a6hm4ax9", "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": "xhyjgpwa7w", "iconSVG": "/static/media/icon.97c59b52.svg", "textStyle": "BODY", "boxShadow": "none", "dynamicBindingPathList": [ { "key": "text" }, { "key": "fontFamily" }, { "key": "borderRadius" } ], "dynamicTriggerPathList": [], "widgetId": "ike7ax9wrb", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 16, "rightColumn": 24, "topRow": 4, "bottomRow": 8, "parentId": "59a6hm4ax9", "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.name}}", "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": "xhyjgpwa7w", "iconSVG": "/static/media/icon.97c59b52.svg", "widgetId": "5uxmcg4ap0", "renderMode": "CANVAS", "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "parentColumnSpace": 5.6796875, "parentRowSpace": 10, "leftColumn": 42, "rightColumn": 58, "topRow": 1, "bottomRow": 5, "parentId": "59a6hm4ax9", "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": "59a6hm4ax9", "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": "dcc7z0p61g", "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "accentColor" } ] } ], "version": 1, "type": "CONTAINER_WIDGET", "hideCard": false, "displayName": "Container", "key": "ivukmk95oe", "iconSVG": "/static/media/icon.1977dca3.svg", "isCanvas": true, "dragDisabled": true, "isDeletable": false, "disallowCopy": true, "disablePropertyPane": true, "openParentPropertyPane": true, "widgetId": "dcc7z0p61g", "renderMode": "CANVAS", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "isLoading": false, "leftColumn": 0, "rightColumn": 64, "topRow": 0, "bottomRow": 12, "parentId": "pzvvqub7cs", "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ] } ], "minHeight": 400, "widgetId": "pzvvqub7cs", "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": "p87af6bvkx", "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "accentColor" } ] } ], "type": "LIST_WIDGET", "hideCard": false, "displayName": "List", "key": "zttei3njnj", "iconSVG": "/static/media/icon.9925ee17.svg", "isCanvas": true, "widgetId": "p87af6bvkx", "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": 16, "rightColumn": 40, "topRow": 4, "bottomRow": 44, "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": [] } ] } }