{ "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": 89, "minHeight": 1292, "layout": [ { "layoutId": "zf1rn0cr3v", "layoutType": "ALIGNED_LAYOUT_COLUMN", "layout": [ { "insertChild": true, "isDropTarget": false, "isPermanent": false, "layout": [ { "alignment": "start", "widgetId": "v8yjcqoas6", "widgetType": "SECTION_WIDGET" } ], "layoutId": "qatp0f0qli", "layoutType": "WIDGET_ROW", "maxChildLimit": 1 }, { "insertChild": true, "isDropTarget": false, "isPermanent": false, "layout": [ { "alignment": "start", "widgetId": "22t51nvpve", "widgetType": "SECTION_WIDGET" } ], "layoutId": "2rw4sa3p5s", "layoutType": "WIDGET_ROW", "maxChildLimit": 1 }, { "insertChild": true, "isDropTarget": false, "isPermanent": false, "layout": [ { "alignment": "start", "widgetId": "159413asyz", "widgetType": "SECTION_WIDGET" } ], "layoutId": "ms20tfy2bg", "layoutType": "WIDGET_ROW", "maxChildLimit": 1 }, { "insertChild": true, "isDropTarget": false, "isPermanent": false, "layout": [ { "alignment": "start", "widgetId": "6utu5lkpvy", "widgetType": "SECTION_WIDGET" } ], "layoutId": "lkgwg827vn", "layoutType": "WIDGET_ROW", "maxChildLimit": 1 } ], "layoutStyle": { "border": "none", "height": "100%", "padding": "spacing-4", "gap": "spacing-4" }, "isDropTarget": true, "isPermanent": true, "childTemplate": { "insertChild": true, "isDropTarget": false, "isPermanent": false, "layout": [], "layoutId": "", "layoutType": "WIDGET_ROW", "maxChildLimit": 1 } } ], "dynamicTriggerPathList": [], "parentColumnSpace": 1, "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "needsErrorInfo": false, "boxShadow": "NONE", "mobileBottomRow": 10, "widgetName": "Section1", "isCanvas": true, "displayName": "Section", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "SECTION_WIDGET", "hideCard": true, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "children": [ { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone1", "flexGrow": 12, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton1", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "upn0v71q8o", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton2", "buttonColor": "neutral", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "vo2vhjhf0y", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton3", "buttonColor": "positive", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "dh5k8c9i5d", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton4", "buttonColor": "negative", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "af1n66n6c4", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton5", "buttonColor": "warning", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "fyb8216jyb", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton6", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "wyjb878av3", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "outlined" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton7", "buttonColor": "neutral", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "37h2ls9y8v", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "outlined" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton8", "buttonColor": "positive", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "tl5apt7xm9", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "outlined" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton9", "buttonColor": "negative", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "y8bc38n3q2", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "outlined" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton10", "buttonColor": "warning", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "wxsgszunwr", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "outlined" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton11", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "ej3oe850ys", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton12", "buttonColor": "neutral", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "hnna5nudrb", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton13", "buttonColor": "positive", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "a33q30p94z", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton14", "buttonColor": "negative", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "1ew4hjv6b6", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton15", "buttonColor": "warning", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "184r2w1hy3", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton16", "buttonColor": "warning", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": true, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "ug1wniafnj", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton17", "buttonColor": "warning", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": true, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "ifvb0p5oc7", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": false, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton18", "buttonColor": "warning", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "z1bj36hvx0", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": false, "version": 1, "parentId": "8j9w9sv03h", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "ghost" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "f6b8hrxei4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "8j9w9sv03h", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "v8yjcqoas6", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "fwkdxpyvz6", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "upn0v71q8o", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "vo2vhjhf0y", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "dh5k8c9i5d", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "af1n66n6c4", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "fyb8216jyb", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "wyjb878av3", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "37h2ls9y8v", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "tl5apt7xm9", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "y8bc38n3q2", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "wxsgszunwr", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "ej3oe850ys", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "hnna5nudrb", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "a33q30p94z", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "1ew4hjv6b6", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "184r2w1hy3", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 }, { "insertChild": true, "layoutId": "cki5i47meb", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "ug1wniafnj", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "ifvb0p5oc7", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "start", "widgetId": "z1bj36hvx0", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "d58md2udti", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 } ], "elevatedBackground": false, "key": "04mvbegryn", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "v8yjcqoas6", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-section-selection", "focusBGCSSVar": "--on-canvas-ui-section-focus", "selectionColorCSSVar": "--on-canvas-ui-section-focus", "focusColorCSSVar": "--on-canvas-ui-section-selection", "disableParentSelection": true }, "zoneCount": 1, "isVisible": true, "version": 1, "parentId": "0", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "alignment": "start", "widgetId": "8j9w9sv03h", "widgetType": "ZONE_WIDGET" } ], "layoutId": "ejuo2ps87t", "layoutStyle": { "border": "none" }, "layoutType": "SECTION", "maxChildLimit": 4 } ], "responsiveBehavior": "fill", "mobileLeftColumn": 0, "spaceDistributed": { "8j9w9sv03h": 12, "esf9bo8rdb": 6, "9skig54m85": 6 } }, { "needsErrorInfo": false, "boxShadow": "NONE", "mobileBottomRow": 10, "widgetName": "Section2", "isCanvas": true, "displayName": "Section", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "SECTION_WIDGET", "hideCard": true, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "children": [ { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone2", "flexGrow": 12, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton19", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "8hzta34xtm", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "82umg6t5jk", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton20", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "a8fcghdjxy", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "82umg6t5jk", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" }, { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton21", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "dynamicTriggerPathList": [], "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "vcq4bs7hgy", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "82umg6t5jk", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "f6b8hrxei4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "82umg6t5jk", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "22t51nvpve", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "09sx12bjnh", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "8hzta34xtm", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "center", "widgetId": "a8fcghdjxy", "widgetType": "WDS_ICON_BUTTON_WIDGET" }, { "alignment": "end", "widgetId": "vcq4bs7hgy", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "wezhh0gbiu", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 } ], "elevatedBackground": false, "key": "04mvbegryn", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "22t51nvpve", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-section-selection", "focusBGCSSVar": "--on-canvas-ui-section-focus", "selectionColorCSSVar": "--on-canvas-ui-section-focus", "focusColorCSSVar": "--on-canvas-ui-section-selection", "disableParentSelection": true }, "zoneCount": 1, "isVisible": true, "version": 1, "parentId": "0", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "alignment": "start", "widgetId": "82umg6t5jk", "widgetType": "ZONE_WIDGET" } ], "layoutId": "52wwglyrdw", "layoutStyle": { "border": "none" }, "layoutType": "SECTION", "maxChildLimit": 4 } ], "responsiveBehavior": "fill", "mobileLeftColumn": 0, "spaceDistributed": { "82umg6t5jk": 12 } }, { "needsErrorInfo": false, "boxShadow": "NONE", "mobileBottomRow": 10, "widgetName": "Section3", "isCanvas": true, "displayName": "Section", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "SECTION_WIDGET", "hideCard": true, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "children": [ { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone3", "flexGrow": 6, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton22", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "8ae7ogom8l", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "8r6gqzmz7x", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "xhct14g8m4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "8r6gqzmz7x", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "159413asyz", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "nqjpgnuvpx", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "8ae7ogom8l", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "7qgck6cqv5", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 }, { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone4", "flexGrow": 6, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton23", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "li7098iimj", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "055uh8d4bp", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "xhct14g8m4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "055uh8d4bp", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "159413asyz", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "djapcnqj8q", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "li7098iimj", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "bbkepnehrs", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 } ], "elevatedBackground": false, "key": "j6m3ur0rch", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "159413asyz", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-section-selection", "focusBGCSSVar": "--on-canvas-ui-section-focus", "selectionColorCSSVar": "--on-canvas-ui-section-focus", "focusColorCSSVar": "--on-canvas-ui-section-selection", "disableParentSelection": true }, "zoneCount": 2, "isVisible": true, "version": 1, "parentId": "0", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "alignment": "start", "widgetId": "8r6gqzmz7x", "widgetType": "ZONE_WIDGET" }, { "alignment": "start", "widgetId": "055uh8d4bp", "widgetType": "ZONE_WIDGET" } ], "layoutId": "4x4plsrfbi", "layoutStyle": { "border": "none" }, "layoutType": "SECTION", "maxChildLimit": 4 } ], "responsiveBehavior": "fill", "mobileLeftColumn": 0, "spaceDistributed": { "8r6gqzmz7x": 6, "055uh8d4bp": 6 } }, { "needsErrorInfo": false, "boxShadow": "NONE", "mobileBottomRow": 10, "widgetName": "Section4", "isCanvas": true, "displayName": "Section", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "SECTION_WIDGET", "hideCard": true, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "children": [ { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone5", "flexGrow": 4, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton24", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "n2qt62c27m", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "bkegp6pgnb", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "xhct14g8m4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "bkegp6pgnb", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "6utu5lkpvy", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "zasd3rkfej", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "n2qt62c27m", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "w6668s5cu8", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 }, { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone6", "flexGrow": 4, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton25", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "9t9g5i6izh", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "r0he9sfb31", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "xhct14g8m4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "r0he9sfb31", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "6utu5lkpvy", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "rzh6ijtucg", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "9t9g5i6izh", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "lln4bxbatq", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 }, { "needsErrorInfo": false, "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "mobileBottomRow": 10, "widgetName": "Zone7", "flexGrow": 4, "isCanvas": true, "displayName": "Zone", "searchTags": [ "div", "parent", "group" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "ZONE_WIDGET", "hideCard": false, "mobileRightColumn": 64, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [ { "key": "borderRadius" }, { "key": "boxShadow" } ], "children": [ { "needsErrorInfo": false, "mobileBottomRow": 10, "widgetName": "IconButton26", "buttonColor": "accent", "displayName": "Icon Button", "searchTags": [ "click", "submit" ], "topRow": 0, "bottomRow": 10, "parentRowSpace": 10, "type": "WDS_ICON_BUTTON_WIDGET", "hideCard": false, "mobileRightColumn": 64, "animateLoading": true, "parentColumnSpace": 1, "leftColumn": 0, "dynamicBindingPathList": [], "isDisabled": false, "key": "yayar2t2jg", "isDeprecated": false, "rightColumn": 64, "iconName": "plus", "widgetId": "so2lnfrw5v", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-widget-selection", "focusBGCSSVar": "--on-canvas-ui-widget-focus", "selectionColorCSSVar": "--on-canvas-ui-widget-focus", "focusColorCSSVar": "--on-canvas-ui-widget-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "mtpzioi5wf", "tags": [ "Buttons" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "responsiveBehavior": "hug", "mobileLeftColumn": 0, "buttonVariant": "filled" } ], "elevatedBackground": true, "flexVerticalAlignment": "stretch", "key": "xhct14g8m4", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "mtpzioi5wf", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-zone-selection", "focusBGCSSVar": "--on-canvas-ui-zone-focus", "selectionColorCSSVar": "--on-canvas-ui-zone-focus", "focusColorCSSVar": "--on-canvas-ui-zone-selection", "disableParentSelection": false }, "isVisible": true, "version": 1, "parentId": "6utu5lkpvy", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "insertChild": true, "layoutId": "s8u1r059b4", "layoutType": "ALIGNED_WIDGET_ROW", "layout": [ { "alignment": "start", "widgetId": "so2lnfrw5v", "widgetType": "WDS_ICON_BUTTON_WIDGET" } ], "allowedWidgetTypes": [ "SMALL_WIDGETS" ], "maxChildLimit": 0 } ], "layoutId": "5txxqh75jq", "layoutStyle": { "border": "none", "height": "100%" }, "layoutType": "ZONE" } ], "responsiveBehavior": "fill", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "mobileLeftColumn": 0 } ], "elevatedBackground": false, "key": "j6m3ur0rch", "isDeprecated": false, "rightColumn": 64, "detachFromLayout": false, "widgetId": "6utu5lkpvy", "onCanvasUI": { "selectionBGCSSVar": "--on-canvas-ui-section-selection", "focusBGCSSVar": "--on-canvas-ui-section-focus", "selectionColorCSSVar": "--on-canvas-ui-section-focus", "focusColorCSSVar": "--on-canvas-ui-section-selection", "disableParentSelection": true }, "zoneCount": 3, "isVisible": true, "version": 1, "parentId": "0", "tags": [ "Layout" ], "renderMode": "CANVAS", "isLoading": false, "mobileTopRow": 0, "layout": [ { "isContainer": true, "isDropTarget": true, "isPermanent": true, "layout": [ { "alignment": "start", "widgetId": "bkegp6pgnb", "widgetType": "ZONE_WIDGET" }, { "alignment": "start", "widgetId": "r0he9sfb31", "widgetType": "ZONE_WIDGET" }, { "alignment": "start", "widgetId": "mtpzioi5wf", "widgetType": "ZONE_WIDGET" } ], "layoutId": "ktpz51xxad", "layoutStyle": { "border": "none" }, "layoutType": "SECTION", "maxChildLimit": 4 } ], "responsiveBehavior": "fill", "mobileLeftColumn": 0, "spaceDistributed": { "bkegp6pgnb": 4, "r0he9sfb31": 4, "mtpzioi5wf": 4 } } ] } }