{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 647, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 1070, "containerStyle": "none", "snapRows": 104, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 53, "minHeight": 1050, "parentColumnSpace": 1, "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "template": { "Image1Copy": { "widgetName": "Image1Copy", "displayName": "Image", "iconSVG": "/static/media/icon.52d8fb96.svg", "topRow": 1, "bottomRow": 19, "parentRowSpace": 10, "type": "IMAGE_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 10.935302734375, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "leftColumn": 1, "dynamicBindingPathList": [ { "key": "image" } ], "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "k7gqsx8va7", "image": "{{List1.listData.map((currentItem) => currentItem.image)}}", "rightColumn": 13, "objectFit": "contain", "widgetId": "6xs9n3qas8", "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, "minHeight": true, "widgetId": true, "renderMode": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true }, "isVisible": true, "version": 1, "parentId": "ukkqmnxanx", "renderMode": "CANVAS", "isLoading": false, "maxZoomLevel": 1, "enableDownload": false, "enableRotation": false }, "Canvas1": { "widgetName": "Canvas1", "displayName": "Canvas", "topRow": 0, "bottomRow": 390, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "dropDisabled": true, "openParentPropertyPane": true, "minHeight": 400, "noPad": true, "parentColumnSpace": 1, "leftColumn": 0, "children": ["mno4dkclkn"], "key": "st5e69fis5", "rightColumn": 472.125, "detachFromLayout": true, "widgetId": "i7op8tv8mv", "containerStyle": "none", "isVisible": true, "version": 1, "parentId": "lkyh2v8k8s", "renderMode": "CANVAS", "isLoading": false }, "Container1": { "boxShadow": "NONE", "widgetName": "Container1", "borderColor": "transparent", "disallowCopy": true, "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.1977dca3.svg", "topRow": 0, "bottomRow": 22, "dragDisabled": true, "type": "CONTAINER_WIDGET", "hideCard": false, "openParentPropertyPane": true, "isDeletable": false, "animateLoading": true, "leftColumn": 0, "children": ["ukkqmnxanx"], "borderWidth": "0", "key": "c509lus1x5", "disablePropertyPane": true, "backgroundColor": "white", "rightColumn": 64, "widgetId": "mno4dkclkn", "containerStyle": "card", "isVisible": true, "version": 1, "parentId": "i7op8tv8mv", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "0" }, "Canvas2": { "widgetName": "Canvas2", "detachFromLayout": true, "displayName": "Canvas", "widgetId": "ukkqmnxanx", "containerStyle": "none", "topRow": 0, "bottomRow": 210, "parentRowSpace": 1, "isVisible": true, "type": "CANVAS_WIDGET", "canExtend": false, "version": 1, "hideCard": true, "parentId": "mno4dkclkn", "renderMode": "CANVAS", "isLoading": false, "parentColumnSpace": 1, "leftColumn": 0, "children": ["6xs9n3qas8", "ii4kp8uzl9", "bx88oni4aa"], "key": "st5e69fis5" }, "Text1": { "widgetName": "Text1", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b52.svg", "topRow": 1, "bottomRow": 5, "parentRowSpace": 10, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 10.935302734375, "dynamicTriggerPathList": [], "leftColumn": 14, "dynamicBindingPathList": [ { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "#FFC13D", "text": "{{List1.listData.map((currentItem) => 'Drink Name: ' + currentItem.name)}}", "key": "pwuql7fds3", "rightColumn": 40, "textAlign": "LEFT", "widgetId": "ii4kp8uzl9", "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldScroll": true, "shouldTruncate": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "minHeight": true, "widgetId": true, "renderMode": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true }, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "shouldScroll": false, "version": 1, "parentId": "ukkqmnxanx", "renderMode": "CANVAS", "isLoading": false, "fontSize": "PARAGRAPH" }, "Text2": { "widgetName": "Text2", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b52.svg", "topRow": 5, "bottomRow": 19, "parentRowSpace": 10, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 10.935302734375, "dynamicTriggerPathList": [], "leftColumn": 14, "dynamicBindingPathList": [ { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "#FFC13D", "text": "{{List1.listData.map((currentItem) => currentItem.instruction)}}", "key": "pwuql7fds3", "rightColumn": 62, "textAlign": "LEFT", "widgetId": "bx88oni4aa", "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldScroll": true, "shouldTruncate": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "minHeight": true, "widgetId": true, "renderMode": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true }, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "shouldScroll": false, "version": 1, "parentId": "ukkqmnxanx", "renderMode": "CANVAS", "isLoading": false, "fontSize": "PARAGRAPH" } }, "widgetName": "List1", "listData": "{{CocktailDB.data.drinks.map(item => {\n\treturn {\n\t\timage: item.strDrinkThumb,\n\t\tname: item.strDrink,\n\t\tinstruction: item.strInstructions\n\t}\n})}}", "isCanvas": true, "displayName": "List", "iconSVG": "/static/media/icon.9925ee17.svg", "topRow": 29, "bottomRow": 104, "parentRowSpace": 10, "type": "LIST_WIDGET", "hideCard": false, "gridGap": 0, "animateLoading": true, "parentColumnSpace": 19.671875, "dynamicTriggerPathList": [], "leftColumn": 12, "dynamicBindingPathList": [ { "key": "template.Text1.text" }, { "key": "listData" }, { "key": "template.Image1Copy.image" }, { "key": "template.Text2.text" }, { "key": "template.Image1Copy.image" }, { "key": "template.Text1.text" }, { "key": "template.Text2.text" } ], "gridType": "vertical", "enhancements": true, "children": [ { "widgetName": "Canvas1", "displayName": "Canvas", "topRow": 0, "bottomRow": 390, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": false, "hideCard": true, "dropDisabled": true, "openParentPropertyPane": true, "minHeight": 400, "noPad": true, "parentColumnSpace": 1, "leftColumn": 0, "children": [ { "boxShadow": "NONE", "widgetName": "Container1", "borderColor": "transparent", "disallowCopy": true, "isCanvas": true, "displayName": "Container", "iconSVG": "/static/media/icon.1977dca3.svg", "topRow": 0, "bottomRow": 22, "dragDisabled": true, "type": "CONTAINER_WIDGET", "hideCard": false, "openParentPropertyPane": true, "isDeletable": false, "animateLoading": true, "leftColumn": 0, "children": [ { "widgetName": "Canvas2", "detachFromLayout": true, "displayName": "Canvas", "widgetId": "ukkqmnxanx", "containerStyle": "none", "topRow": 0, "bottomRow": 210, "parentRowSpace": 1, "isVisible": true, "type": "CANVAS_WIDGET", "canExtend": false, "version": 1, "hideCard": true, "parentId": "mno4dkclkn", "renderMode": "CANVAS", "isLoading": false, "parentColumnSpace": 1, "leftColumn": 0, "children": [ { "widgetName": "Image1Copy", "displayName": "Image", "iconSVG": "/static/media/icon.52d8fb96.svg", "topRow": 1, "bottomRow": 19, "parentRowSpace": 10, "type": "IMAGE_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 10.935302734375, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "leftColumn": 1, "dynamicBindingPathList": [ { "key": "image" } ], "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "k7gqsx8va7", "image": "{{currentItem.image}}", "rightColumn": 13, "objectFit": "contain", "widgetId": "6xs9n3qas8", "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, "minHeight": true, "widgetId": true, "renderMode": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true }, "isVisible": true, "version": 1, "parentId": "ukkqmnxanx", "renderMode": "CANVAS", "isLoading": false, "maxZoomLevel": 1, "enableDownload": false, "enableRotation": false }, { "widgetName": "Text1", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b52.svg", "topRow": 1, "bottomRow": 5, "parentRowSpace": 10, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 10.935302734375, "dynamicTriggerPathList": [], "leftColumn": 14, "dynamicBindingPathList": [ { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "#FFC13D", "text": "Drink Name: {{currentItem.name}}", "key": "pwuql7fds3", "rightColumn": 40, "textAlign": "LEFT", "widgetId": "ii4kp8uzl9", "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldScroll": true, "shouldTruncate": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "minHeight": true, "widgetId": true, "renderMode": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true }, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "shouldScroll": false, "version": 1, "parentId": "ukkqmnxanx", "renderMode": "CANVAS", "isLoading": false, "fontSize": "PARAGRAPH" }, { "widgetName": "Text2", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b52.svg", "topRow": 5, "bottomRow": 19, "parentRowSpace": 10, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 10.935302734375, "dynamicTriggerPathList": [], "leftColumn": 14, "dynamicBindingPathList": [ { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "#FFC13D", "text": "{{currentItem.instruction}}", "key": "pwuql7fds3", "rightColumn": 62, "textAlign": "LEFT", "widgetId": "bx88oni4aa", "logBlackList": { "isVisible": true, "text": true, "fontSize": true, "fontStyle": true, "textAlign": true, "textColor": true, "truncateButtonColor": true, "widgetName": true, "shouldScroll": true, "shouldTruncate": true, "version": true, "animateLoading": true, "type": true, "hideCard": true, "displayName": true, "key": true, "iconSVG": true, "isCanvas": true, "minHeight": true, "widgetId": true, "renderMode": true, "isLoading": true, "parentColumnSpace": true, "parentRowSpace": true, "leftColumn": true, "rightColumn": true, "topRow": true, "bottomRow": true, "parentId": true }, "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "shouldScroll": false, "version": 1, "parentId": "ukkqmnxanx", "renderMode": "CANVAS", "isLoading": false, "fontSize": "PARAGRAPH" } ], "key": "st5e69fis5" } ], "borderWidth": "0", "key": "c509lus1x5", "disablePropertyPane": true, "backgroundColor": "white", "rightColumn": 64, "widgetId": "mno4dkclkn", "containerStyle": "card", "isVisible": true, "version": 1, "parentId": "i7op8tv8mv", "renderMode": "CANVAS", "isLoading": false, "borderRadius": "0" } ], "key": "st5e69fis5", "rightColumn": 472.125, "detachFromLayout": true, "widgetId": "i7op8tv8mv", "containerStyle": "none", "isVisible": true, "version": 1, "parentId": "lkyh2v8k8s", "renderMode": "CANVAS", "isLoading": false } ], "privateWidgets": { "Image1Copy": true, "Text1": true, "Text2": true }, "key": "zh4de7als8", "backgroundColor": "transparent", "rightColumn": 53, "itemBackgroundColor": "#FFFFFF", "widgetId": "lkyh2v8k8s", "isVisible": true, "parentId": "0", "renderMode": "CANVAS", "isLoading": false }, { "widgetName": "Button1", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", "topRow": 3, "bottomRow": 7, "parentRowSpace": 10, "type": "BUTTON_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 19.671875, "dynamicTriggerPathList": [ { "key": "onClick" } ], "leftColumn": 25, "dynamicBindingPathList": [], "text": "Invoke APIs!", "isDisabled": false, "key": "f4fix3idzp", "rightColumn": 41, "isDefaultClickDisabled": true, "widgetId": "c552h69exh", "isVisible": true, "recaptchaType": "V3", "version": 1, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "buttonVariant": "PRIMARY", "placement": "CENTER", "onClick": "{{FlowerImage1.run();FlowerImage2.run();\nNumberFact.run();\nCocktailDB.run()}}", "dynamicPropertyPathList": [ { "key": "onClick" } ] }, { "widgetName": "Image1", "displayName": "Image", "iconSVG": "/static/media/icon.52d8fb96.svg", "topRow": 9, "bottomRow": 28, "parentRowSpace": 10, "type": "IMAGE_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 19.671875, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "leftColumn": 12, "dynamicBindingPathList": [ { "key": "image" } ], "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "k7gqsx8va7", "image": "{{FlowerImage1.data}}", "rightColumn": 24, "objectFit": "contain", "widgetId": "14dy28sgfl", "isVisible": true, "version": 1, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "maxZoomLevel": 1, "enableDownload": false, "enableRotation": false }, { "widgetName": "Image2", "displayName": "Image", "iconSVG": "/static/media/icon.52d8fb96.svg", "topRow": 9, "bottomRow": 28, "parentRowSpace": 10, "type": "IMAGE_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 19.671875, "dynamicTriggerPathList": [], "imageShape": "RECTANGLE", "leftColumn": 25, "dynamicBindingPathList": [ { "key": "image" } ], "defaultImage": "https://assets.appsmith.com/widgets/default.png", "key": "k7gqsx8va7", "image": "{{FlowerImage2.data}}", "rightColumn": 37, "objectFit": "contain", "widgetId": "ctl1a3f5iq", "isVisible": true, "version": 1, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "maxZoomLevel": 1, "enableDownload": false, "enableRotation": false }, { "widgetName": "Text3", "displayName": "Text", "iconSVG": "/static/media/icon.97c59b52.svg", "topRow": 9, "bottomRow": 28, "parentRowSpace": 10, "type": "TEXT_WIDGET", "hideCard": false, "animateLoading": true, "parentColumnSpace": 19.671875, "dynamicTriggerPathList": [], "leftColumn": 38, "dynamicBindingPathList": [ { "key": "text" } ], "shouldTruncate": false, "truncateButtonColor": "#FFC13D", "text": "Number fact for you: {{NumberFact.data}}", "key": "pwuql7fds3", "rightColumn": 53, "textAlign": "CENTER", "widgetId": "mvtnucnzf7", "isVisible": true, "fontStyle": "BOLD", "textColor": "#231F20", "shouldScroll": false, "version": 1, "parentId": "0", "renderMode": "CANVAS", "isLoading": false, "fontSize": "PARAGRAPH" } ] } }