08c3ea9b94
## 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" ### 🔍 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>
2577 lines
87 KiB
JSON
2577 lines
87 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": "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
|
|
}
|
|
}
|
|
]
|
|
}
|
|
} |