PromucFlow_constructor/app/client/cypress/fixtures/anvilCheckboxGroupWidget.json

2577 lines
87 KiB
JSON
Raw Normal View History

chore: cypress snapshot types (#34722) ## Description 1. Add scripts for local e2e testing in the docker container. 2. Add types for cypress-image-snapshot In this PR, I also added the following PRS as they affect screenshot tests as well. I did this to speed up the process and unblock the team. #34528 #34546 #34676 #34729 #34638 #34639 #34511 To run E2E tests locally in docker, you need to do the following: 1. Run FE locally and prepare the tests for local launch. See the instructions [here](https://github.com/appsmithorg/appsmith/blob/release/contributions/ClientSetup.md). 2. Run `yarn cypress:snapshot:docker:build` — this will create a docker container with the necessary environment. 3. Run `yarn cypress:snapshot:docker "./cypress/e2e/Regression/ClientSide/Anvil/Widgets/*_spec.ts" updateSnapshots=false`. Here we can use the path to a specific file, or set `updateSnapshots=true` flag to update the screenshots. ## Automation /ok-to-test tags="@tag.Anvil" ### :mag: Cypress test results <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/9844579277> > Commit: 75f26599b149f831051fbd631aaa059084b226dd > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9844579277&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Anvil` > Spec: > <hr>Mon, 08 Jul 2024 18:37:36 UTC <!-- end of auto-generated comment: Cypress test results --> ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [x] No <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added support for image snapshot testing with the `@types/cypress-image-snapshot` dependency. - **Refactor** - Updated test specifications by removing unnecessary `triggerInputInvalidState()` calls. - Reorganized and improved efficiency of image snapshot methods for various devices. - **Chores** - Updated `Dockerfile` to configure the Cypress environment with specific versions for dependencies. - Changed import paths in `e2e.js` for better module resolution. - **Style** - Fixed a comment typo in Cypress plugin configuration. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local> Co-authored-by: unknown <vadim@appsmith.com>
2024-07-09 09:06:59 +00:00
{
"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": "fltrdas9vq",
"layoutType": "ALIGNED_LAYOUT_COLUMN",
"layout": [
{
"insertChild": true,
"isDropTarget": false,
"isPermanent": false,
"layout": [
{
"alignment": "start",
"widgetId": "01bn4j9hzo",
"widgetType": "SECTION_WIDGET"
}
],
"layoutId": "ngtvj5dudq",
"layoutType": "WIDGET_ROW",
"maxChildLimit": 1
},
{
"insertChild": true,
"isDropTarget": false,
"isPermanent": false,
"layout": [
{
"alignment": "start",
"widgetId": "7ebcy69pay",
"widgetType": "SECTION_WIDGET"
}
],
"layoutId": "weuelcj11z",
"layoutType": "WIDGET_ROW",
"maxChildLimit": 1
},
{
"insertChild": true,
"isDropTarget": false,
"isPermanent": false,
"layout": [
{
"alignment": "start",
"widgetId": "y94wadfgir",
"widgetType": "SECTION_WIDGET"
}
],
"layoutId": "tlfsh6otej",
"layoutType": "WIDGET_ROW",
"maxChildLimit": 1
},
{
"insertChild": true,
"isDropTarget": false,
"isPermanent": false,
"layout": [
{
"alignment": "start",
"widgetId": "28yordwvh4",
"widgetType": "SECTION_WIDGET"
}
],
"layoutId": "zngy0eb2wu",
"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": "CheckboxGroup1",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": [
"BLUE",
"RED"
],
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "qdy9ygm841",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup4",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": [
"BLUE",
"RED"
],
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "3eivsglfnk",
"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,
"label": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup5",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": true,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "x10gwfepdz",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup1Copy",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"labelTooltip": "Tooltip",
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": [
"BLUE",
"RED"
],
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "u0k4ckzrtt",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup1CopyCopy",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"labelTooltip": "Tooltip",
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green with but long label that can't fit at all and it will need a very big space to fill it and we can't afford that right now. But surely in future",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": true,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": [
"BLUE",
"RED"
],
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "zfnmm75br5",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup2",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "horizontal",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": [
"BLUE",
"RED"
],
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "lpidrr9cob",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup5CopyCopy8",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": true,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "udbsavpc11",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup5CopyCopy9",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": true,
"key": "pg5bxieejn",
"isRequired": true,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "b9mpxq6uxh",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup5CopyCopy10",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": true,
"key": "pg5bxieejn",
"isRequired": true,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "z8lu5ij5e0",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"needsErrorInfo": false,
"mobileBottomRow": 10,
"widgetName": "CheckboxGroup3",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[\n \"BLUE\"\n]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "tvnnhgepbk",
"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,
"label": "Color",
"version": 1,
"parentId": "rr3775j6f0",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "j3c7ywweia",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "rr3775j6f0",
"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": "01bn4j9hzo",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "gpln2w0pv6",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "qdy9ygm841",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
},
{
"alignment": "start",
"widgetId": "lpidrr9cob",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
},
{
"insertChild": true,
"layoutId": "o6cgwsxfp7",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "3eivsglfnk",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
},
{
"insertChild": true,
"layoutId": "d3g22f19dt",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "x10gwfepdz",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
},
{
"alignment": "start",
"widgetId": "u0k4ckzrtt",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
},
{
"alignment": "start",
"widgetId": "zfnmm75br5",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
},
{
"insertChild": true,
"layoutId": "udgj093scr",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "udbsavpc11",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
},
{
"alignment": "start",
"widgetId": "b9mpxq6uxh",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
},
{
"alignment": "start",
"widgetId": "z8lu5ij5e0",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
},
{
"alignment": "start",
"widgetId": "tvnnhgepbk",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "ztg9s4wumm",
"layoutStyle": {
"border": "none",
"height": "100%"
},
"layoutType": "ZONE"
}
],
"responsiveBehavior": "fill",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"mobileLeftColumn": 0
}
],
"elevatedBackground": false,
"key": "mshcgzoyaj",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "01bn4j9hzo",
"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": "rr3775j6f0",
"widgetType": "ZONE_WIDGET"
}
],
"layoutId": "hnptmyxyjw",
"layoutStyle": {
"border": "none"
},
"layoutType": "SECTION",
"maxChildLimit": 4
}
],
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"spaceDistributed": {
"rr3775j6f0": 12
}
},
{
"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": 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": "CheckboxGroup5Copy",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "xyxfdouuyp",
"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,
"label": "Color",
"version": 1,
"parentId": "5bqafbq918",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "5bqafbq918",
"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": "7ebcy69pay",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "1mghzmvbg6",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "xyxfdouuyp",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "31il5824kn",
"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": "Zone2Copy",
"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": "CheckboxGroup5CopyCopy",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "6t2m3q7gl5",
"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,
"label": "Color",
"version": 1,
"parentId": "ronwkiluky",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "ronwkiluky",
"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": "7ebcy69pay",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "4kc5hpj33n",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "6t2m3q7gl5",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "pgsh9fyxk9",
"layoutStyle": {
"border": "none",
"height": "100%"
},
"layoutType": "ZONE"
}
],
"responsiveBehavior": "fill",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"mobileLeftColumn": 0
}
],
"elevatedBackground": false,
"key": "12qdw3rl11",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "7ebcy69pay",
"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": "5bqafbq918",
"widgetType": "ZONE_WIDGET"
},
{
"alignment": "start",
"widgetId": "ronwkiluky",
"widgetType": "ZONE_WIDGET"
}
],
"layoutId": "4atw4ku9n1",
"layoutStyle": {
"border": "none"
},
"layoutType": "SECTION",
"maxChildLimit": 4
}
],
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"spaceDistributed": {
"5bqafbq918": 6,
"ronwkiluky": 6
}
},
{
"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": "Zone2Copy1",
"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": "CheckboxGroup5CopyCopy1",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "5gwpcsk6yt",
"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,
"label": "Color",
"version": 1,
"parentId": "mydb6vt3t5",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "mydb6vt3t5",
"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": "y94wadfgir",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "z92fbvot1c",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "5gwpcsk6yt",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "dabipbvbx1",
"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": "Zone2Copy2",
"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": "CheckboxGroup5CopyCopy2",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "2ta9kmbdu5",
"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,
"label": "Color",
"version": 1,
"parentId": "9qhaxmx3oy",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "9qhaxmx3oy",
"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": "y94wadfgir",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "et8tlpbiqj",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "2ta9kmbdu5",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "4kqyox2uiw",
"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": "Zone2Copy3",
"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": "CheckboxGroup5CopyCopy3",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "uwh3xa8np6",
"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,
"label": "Color",
"version": 1,
"parentId": "c4frnxuh9b",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "c4frnxuh9b",
"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": "y94wadfgir",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "1p0u6qlf0n",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "uwh3xa8np6",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "s4nj4mfzty",
"layoutStyle": {
"border": "none",
"height": "100%"
},
"layoutType": "ZONE"
}
],
"responsiveBehavior": "fill",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"mobileLeftColumn": 0
}
],
"elevatedBackground": false,
"key": "12qdw3rl11",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "y94wadfgir",
"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": "mydb6vt3t5",
"widgetType": "ZONE_WIDGET"
},
{
"alignment": "start",
"widgetId": "9qhaxmx3oy",
"widgetType": "ZONE_WIDGET"
},
{
"alignment": "start",
"widgetId": "c4frnxuh9b",
"widgetType": "ZONE_WIDGET"
}
],
"layoutId": "q5izbf39dz",
"layoutStyle": {
"border": "none"
},
"layoutType": "SECTION",
"maxChildLimit": 4
}
],
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"spaceDistributed": {
"mydb6vt3t5": 4,
"9qhaxmx3oy": 4,
"c4frnxuh9b": 4
}
},
{
"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": "Zone2Copy4",
"flexGrow": 3,
"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": "CheckboxGroup5CopyCopy4",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "egywey00ye",
"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,
"label": "Color",
"version": 1,
"parentId": "856fqosdta",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "856fqosdta",
"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": "28yordwvh4",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "neuzjzitxl",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "egywey00ye",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "dqe672ueu3",
"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": "Zone2Copy5",
"flexGrow": 3,
"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": "CheckboxGroup5CopyCopy5",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "etwdwadqqr",
"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,
"label": "Color",
"version": 1,
"parentId": "rp3tcirrjc",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "rp3tcirrjc",
"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": "28yordwvh4",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "hjj0d25vy6",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "etwdwadqqr",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "wgnzsbm4kp",
"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": "Zone2Copy6",
"flexGrow": 3,
"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": "CheckboxGroup5CopyCopy6",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "1xx26fg0d3",
"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,
"label": "Color",
"version": 1,
"parentId": "o4hk915hmg",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "o4hk915hmg",
"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": "28yordwvh4",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "kpur8bz89y",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "1xx26fg0d3",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "6fkpqsxfkb",
"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": "Zone2Copy7",
"flexGrow": 3,
"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": "CheckboxGroup5CopyCopy7",
"displayName": "Checkbox Group",
"topRow": 0,
"bottomRow": 10,
"parentRowSpace": 10,
"type": "WDS_CHECKBOX_GROUP_WIDGET",
"hideCard": false,
"mobileRightColumn": 64,
"animateLoading": true,
"parentColumnSpace": 1,
"dynamicTriggerPathList": [],
"leftColumn": 0,
"dynamicBindingPathList": [],
"options": [
{
"label": "Blue",
"value": "BLUE"
},
{
"label": "Green",
"value": "GREEN"
},
{
"label": "Red",
"value": "RED"
}
],
"isDisabled": false,
"key": "pg5bxieejn",
"isRequired": false,
"orientation": "vertical",
"isDeprecated": false,
"rightColumn": 64,
"defaultSelectedValues": "[]",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "yjee6u04ll",
"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,
"label": "Color",
"version": 1,
"parentId": "sjldys00vh",
"tags": [
"Toggles"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
}
],
"elevatedBackground": true,
"flexVerticalAlignment": "stretch",
"key": "hqirpxwlet",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "sjldys00vh",
"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": "28yordwvh4",
"tags": [
"Layout"
],
"renderMode": "CANVAS",
"isLoading": false,
"mobileTopRow": 0,
"layout": [
{
"isContainer": true,
"isDropTarget": true,
"isPermanent": true,
"layout": [
{
"insertChild": true,
"layoutId": "6ipjvsr5n2",
"layoutType": "ALIGNED_WIDGET_ROW",
"layout": [
{
"alignment": "start",
"widgetId": "yjee6u04ll",
"widgetType": "WDS_CHECKBOX_GROUP_WIDGET"
}
],
"allowedWidgetTypes": [
"SMALL_WIDGETS"
],
"maxChildLimit": 0
}
],
"layoutId": "0vco5pd3j0",
"layoutStyle": {
"border": "none",
"height": "100%"
},
"layoutType": "ZONE"
}
],
"responsiveBehavior": "fill",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"mobileLeftColumn": 0
}
],
"elevatedBackground": false,
"key": "12qdw3rl11",
"isDeprecated": false,
"rightColumn": 64,
"detachFromLayout": false,
"widgetId": "28yordwvh4",
"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": 4,
"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": "856fqosdta",
"widgetType": "ZONE_WIDGET"
},
{
"alignment": "start",
"widgetId": "rp3tcirrjc",
"widgetType": "ZONE_WIDGET"
},
{
"alignment": "start",
"widgetId": "o4hk915hmg",
"widgetType": "ZONE_WIDGET"
},
{
"alignment": "start",
"widgetId": "sjldys00vh",
"widgetType": "ZONE_WIDGET"
}
],
"layoutId": "g0v1kaychv",
"layoutStyle": {
"border": "none"
},
"layoutType": "SECTION",
"maxChildLimit": 4
}
],
"responsiveBehavior": "fill",
"mobileLeftColumn": 0,
"spaceDistributed": {
"856fqosdta": 3,
"rp3tcirrjc": 3,
"o4hk915hmg": 3,
"sjldys00vh": 3
}
}
]
}
}