PromucFlow_constructor/app/client/cypress/fixtures/anvilIconButtonWidget.json
Pawan Kumar e01b34ec5d
chore: tests for wds button widget (#34242)
/ok-to-test tags="@tag.Anvil"

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced test cases for Anvil Button Widgets, including Canvas,
Preview, and Deploy modes.

- **Bug Fixes**
- Updated CSS and HTML selectors for better element targeting and
testing reliability.

- **Style**
  - Improved styling logic for buttons in the InlineButtons component.

- **Chores**
  - Added `data-testid` attributes for better test targeting.
- Refactored code for string concatenations and URL constructions in
DeployModeHelper.
<!-- end of auto-generated comment: release notes by coderabbit.ai
--><!-- This is an auto-generated comment: Cypress test results -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/9597157402>
> Commit: c551705fe01aace94962fcc7fa91dff253136721
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9597157402&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Anvil`

<!-- end of auto-generated comment: Cypress test results  -->

---------

Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local>
2024-06-20 18:30:16 +05:30

2367 lines
82 KiB
JSON

{
"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
}
}
]
},
"layoutOnLoadActions": [],
"layoutOnLoadActionErrors": [],
"id": "666a987c0b846c72d3af7fad",
"userPermissions": []
}