{
    "dsl": {
      "widgetName": "MainContainer",
      "backgroundColor": "none",
      "rightColumn": 1224,
      "snapColumns": 16,
      "detachFromLayout": true,
      "widgetId": "0",
      "topRow": 0,
      "bottomRow": 1292,
      "containerStyle": "none",
      "snapRows": 33,
      "parentRowSpace": 1,
      "type": "CANVAS_WIDGET",
      "canExtend": true,
      "dynamicBindings": {},
      "version": 3,
      "minHeight": 1292,
      "parentColumnSpace": 1,
      "leftColumn": 0,
      "children": [
        {
          "backgroundColor": "#FFFFFF",
          "widgetName": "Container1",
          "rightColumn": 8,
          "orientation": "VERTICAL",
          "snapColumns": 16,
          "widgetId": "gmm48aishv",
          "containerStyle": "card",
          "topRow": 0,
          "bottomRow": 9,
          "parentRowSpace": 38,
          "isVisible": true,
          "type": "CONTAINER_WIDGET",
          "dynamicBindings": {},
          "isLoading": false,
          "parentColumnSpace": 75.25,
          "leftColumn": 0,
          "children": [
            {
              "backgroundColor": "#FFFFFF",
              "widgetName": "jmwwbtgjry",
              "rightColumn": 602,
              "orientation": "VERTICAL",
              "snapColumns": 16,
              "detachFromLayout": true,
              "widgetId": "hjiybwqair",
              "containerStyle": "none",
              "topRow": 0,
              "bottomRow": 342,
              "parentRowSpace": 1,
              "isVisible": true,
              "type": "CANVAS_WIDGET",
              "canExtend": false,
              "isLoading": false,
              "parentColumnSpace": 1,
              "leftColumn": 0,
              "children": [
                {
                  "widgetName": "Dropdown1",
                  "rightColumn": 8,
                  "selectedOptionArr": "{{\n Dropdown1.selectionType === \"MULTI_SELECT\"\n  ? Dropdown1.options.filter((opt, index) =>\n _.includes(Dropdown1.selectedIndexArr, index),\n)\n : undefined\n}}",
                  "widgetId": "n9hyiainl8",
                  "topRow": 0,
                  "bottomRow": 1,
                  "isValid": "{{Dropdown1.isRequired ? Dropdown1.selectionType === 'SINGLE_SELECT' ? !!Dropdown1.selectedOption : !!Dropdown1.selectedIndexArr && Dropdown1.selectedIndexArr.length > 0 : true}}",
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "label": "Test Dropdown",
                  "type": "DROP_DOWN_WIDGET",
                  "dynamicBindings": {
                    "selectedOptionArr": true,
                    "isValid": true,
                    "selectedIndexArr": true,
                    "selectedOption": true,
                    "selectedIndex": true
                  },
                  "selectedOption": "{{\nDropdown1.selectionType === 'SINGLE_SELECT'\n ? Dropdown1.options[Dropdown1.selectedIndex]\n: undefined\n}}",
                  "isLoading": false,
                  "selectionType": "",
                  "parentColumnSpace": 34.6875,
                  "leftColumn": 0,
                  "options": "[\n  {\n    \"label\": \"Option 1\",\n    \"value\": \"1\"\n  },\n  {\n    \"label\": \"Option 2\",\n    \"value\": \"2\"\n  },\n  {\n    \"label\": \"Option 3\",\n    \"value\": \"3\"\n  },\n  {\n    \"label\": \"Option 4\",\n    \"value\": \"4\"\n  },\n  {\n    \"label\": \"Option 5\",\n    \"value\": \"5\"\n  }\n]"
                },
                {
                  "isRequired": true,
                  "widgetName": "checker",
                  "rightColumn": 14,
                  "widgetId": "b9wzxcluhi",
                  "topRow": 1,
                  "bottomRow": 2,
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "label": "Test Checkbox",
                  "type": "CHECKBOX_WIDGET",
                  "dynamicBindings": {},
                  "isLoading": false,
                  "parentColumnSpace": 34.6875,
                  "leftColumn": 11,
                  "dynamicTriggers": {
                    "onCheckChange": true
                  },
                  "defaultCheckedState": true,
                  "onCheckChange": "{{navigateToUrl('Awww.google.com')}}"
                },
                {
                  "widgetName": "RichTextEditor1",
                  "rightColumn": 11,
                  "widgetId": "x0v0ywkeod",
                  "topRow": 3,
                  "bottomRow": 8,
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "type": "RICH_TEXT_EDITOR_WIDGET",
                  "dynamicBindings": {},
                  "isLoading": false,
                  "parentColumnSpace": 34.6875,
                  "leftColumn": 3,
                  "dynamicTriggers": {
                    "onTextChange": true
                  },
                  "defaultText": "",
                  "text": "This is the initial <b>content</b> of the editor",
                  "isDisabled": false,
                  "onTextChange": "{{navigateTo()}}"
                },
                {
                  "widgetName": "Adi12",
                  "rightColumn": 16,
                  "widgetId": "76qupajn9l",
                  "topRow": 3,
                  "bottomRow": 5,
                  "isValid": "{{ Adi12.isRequired ? !!Adi12.selectedOptionValue : true }}",
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "label": "Test Radio",
                  "type": "RADIO_GROUP_WIDGET",
                  "dynamicBindings": {
                    "isValid": true,
                    "selectedOption": true
                  },
                  "selectedOption": "{{_.find(Adi12.options, { value: Adi12.selectedOptionValue })}}",
                  "isLoading": false,
                  "defaultOptionValue": "1",
                  "parentColumnSpace": 34.6875,
                  "leftColumn": 12,
                  "dynamicTriggers": {
                    "onSelectionChange": true
                  },
                  "onSelectionChange": "{{navigateTo()}}",
                  "options": [
                    {
                      "id": "1",
                      "label": "jarvis",
                      "value": "1"
                    },
                    {
                      "id": "2",
                      "label": "marvel",
                      "value": "2"
                    },
                    {
                      "label": "iron",
                      "value": "4"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "backgroundColor": "#FFFFFF",
          "widgetName": "Container3",
          "rightColumn": 16,
          "orientation": "VERTICAL",
          "snapColumns": 16,
          "widgetId": "28hfrtdb1a",
          "containerStyle": "card",
          "topRow": 9,
          "bottomRow": 23,
          "parentRowSpace": 38,
          "isVisible": true,
          "type": "CONTAINER_WIDGET",
          "dynamicBindings": {},
          "isLoading": false,
          "parentColumnSpace": 75.25,
          "leftColumn": 0,
          "children": [
            {
              "backgroundColor": "#FFFFFF",
              "widgetName": "lvl7ajf1rn",
              "rightColumn": 1204,
              "orientation": "VERTICAL",
              "snapColumns": 16,
              "detachFromLayout": true,
              "widgetId": "ac4kpozgg3",
              "containerStyle": "none",
              "topRow": 0,
              "bottomRow": 532,
              "parentRowSpace": 1,
              "isVisible": true,
              "type": "CANVAS_WIDGET",
              "canExtend": false,
              "isLoading": false,
              "parentColumnSpace": 1,
              "leftColumn": 0,
              "children": [
                {
                  "widgetName": "Form1",
                  "backgroundColor": "Gray",
                  "rightColumn": 11,
                  "widgetId": "z62mnh15y5",
                  "topRow": 0,
                  "bottomRow": 13,
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "type": "FORM_WIDGET",
                  "dynamicBindings": {},
                  "blueprint": {
                    "view": [
                      {
                        "position": {
                          "top": 0,
                          "left": 0
                        },
                        "type": "CANVAS_WIDGET",
                        "props": {
                          "blueprint": {
                            "view": [
                              {
                                "size": {
                                  "rows": 1,
                                  "cols": 12
                                },
                                "position": {
                                  "top": 0,
                                  "left": 0
                                },
                                "type": "TEXT_WIDGET",
                                "props": {
                                  "text": "Title",
                                  "textStyle": "HEADING"
                                }
                              },
                              {
                                "size": {
                                  "rows": 1,
                                  "cols": 4
                                },
                                "position": {
                                  "top": 11,
                                  "left": 12
                                },
                                "type": "FORM_BUTTON_WIDGET",
                                "props": {
                                  "resetFormOnClick": false,
                                  "disabledWhenInvalid": true,
                                  "buttonStyle": "PRIMARY_BUTTON",
                                  "text": "Submit"
                                }
                              },
                              {
                                "size": {
                                  "rows": 1,
                                  "cols": 4
                                },
                                "position": {
                                  "top": 11,
                                  "left": 8
                                },
                                "type": "FORM_BUTTON_WIDGET",
                                "props": {
                                  "resetFormOnClick": true,
                                  "disabledWhenInvalid": false,
                                  "buttonStyle": "SECONDARY_BUTTON",
                                  "text": "Reset"
                                }
                              }
                            ]
                          },
                          "detachFromLayout": true,
                          "children": [],
                          "containerStyle": "none",
                          "canExtend": false
                        }
                      }
                    ]
                  },
                  "isLoading": false,
                  "parentColumnSpace": 71.75,
                  "leftColumn": 5,
                  "children": [
                    {
                      "widgetName": "Canvas1",
                      "rightColumn": 430.5,
                      "detachFromLayout": true,
                      "widgetId": "nxlutw2g3v",
                      "containerStyle": "none",
                      "topRow": 0,
                      "bottomRow": 494,
                      "parentRowSpace": 1,
                      "isVisible": true,
                      "canExtend": false,
                      "type": "CANVAS_WIDGET",
                      "dynamicBindings": {},
                      "blueprint": {
                        "view": [
                          {
                            "size": {
                              "rows": 1,
                              "cols": 12
                            },
                            "position": {
                              "top": 0,
                              "left": 0
                            },
                            "type": "TEXT_WIDGET",
                            "props": {
                              "text": "Title",
                              "textStyle": "HEADING"
                            }
                          },
                          {
                            "size": {
                              "rows": 1,
                              "cols": 4
                            },
                            "position": {
                              "top": 11,
                              "left": 12
                            },
                            "type": "FORM_BUTTON_WIDGET",
                            "props": {
                              "resetFormOnClick": false,
                              "disabledWhenInvalid": true,
                              "buttonStyle": "PRIMARY_BUTTON",
                              "text": "Submit"
                            }
                          },
                          {
                            "size": {
                              "rows": 1,
                              "cols": 4
                            },
                            "position": {
                              "top": 11,
                              "left": 8
                            },
                            "type": "FORM_BUTTON_WIDGET",
                            "props": {
                              "resetFormOnClick": true,
                              "disabledWhenInvalid": false,
                              "buttonStyle": "SECONDARY_BUTTON",
                              "text": "Reset"
                            }
                          }
                        ]
                      },
                      "minHeight": 494,
                      "isLoading": false,
                      "parentColumnSpace": 1,
                      "leftColumn": 0,
                      "children": [
                        {
                          "isLoading": false,
                          "widgetName": "Text1",
                          "rightColumn": 12,
                          "leftColumn": 0,
                          "widgetId": "uvz6hzdz7c",
                          "topRow": 0,
                          "bottomRow": 1,
                          "isVisible": true,
                          "text": "Title",
                          "textStyle": "HEADING",
                          "type": "TEXT_WIDGET",
                          "dynamicBindings": {}
                        },
                        {
                          "resetFormOnClick": false,
                          "widgetName": "FormButton1",
                          "rightColumn": 16,
                          "isDefaultClickDisabled": true,
                          "widgetId": "tf20n9k4z2",
                          "buttonStyle": "PRIMARY_BUTTON",
                          "topRow": 11,
                          "bottomRow": 12,
                          "isVisible": true,
                          "type": "FORM_BUTTON_WIDGET",
                          "dynamicBindings": {},
                          "isLoading": false,
                          "disabledWhenInvalid": true,
                          "leftColumn": 12,
                          "text": "Submit"
                        },
                        {
                          "resetFormOnClick": true,
                          "widgetName": "FormButton2",
                          "rightColumn": 12,
                          "isDefaultClickDisabled": true,
                          "widgetId": "6xnpe13jie",
                          "buttonStyle": "SECONDARY_BUTTON",
                          "topRow": 11,
                          "bottomRow": 12,
                          "isVisible": true,
                          "type": "FORM_BUTTON_WIDGET",
                          "dynamicBindings": {},
                          "isLoading": false,
                          "disabledWhenInvalid": false,
                          "leftColumn": 8,
                          "text": "Reset"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "backgroundColor": "#FFFFFF",
          "widgetName": "Container4",
          "rightColumn": 16,
          "orientation": "VERTICAL",
          "snapColumns": 16,
          "widgetId": "ii6dnhfrba",
          "containerStyle": "card",
          "topRow": 0,
          "bottomRow": 9,
          "parentRowSpace": 38,
          "isVisible": true,
          "type": "CONTAINER_WIDGET",
          "dynamicBindings": {},
          "isLoading": false,
          "parentColumnSpace": 75.25,
          "leftColumn": 8,
          "children": [
            {
              "backgroundColor": "#FFFFFF",
              "widgetName": "rnz3m8xrzc",
              "rightColumn": 602,
              "orientation": "VERTICAL",
              "snapColumns": 16,
              "detachFromLayout": true,
              "widgetId": "iw4o07jvik",
              "containerStyle": "none",
              "topRow": 0,
              "bottomRow": 342,
              "parentRowSpace": 1,
              "isVisible": true,
              "type": "CANVAS_WIDGET",
              "canExtend": false,
              "isLoading": false,
              "parentColumnSpace": 1,
              "leftColumn": 0,
              "children": [
                {
                  "widgetName": "FilePicker1",
                  "rightColumn": 8,
                  "isDefaultClickDisabled": true,
                  "widgetId": "q5skceaq3h",
                  "topRow": 1,
                  "bottomRow": 2,
                  "isValid": "{{ FilePicker1.isRequired ? FilePicker1.files.length > 0 : true }}",
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "label": "Upload Files",
                  "maxFileSize": "",
                  "type": "FILE_PICKER_WIDGET",
                  "dynamicBindings": {
                    "isValid": true
                  },
                  "isLoading": false,
                  "parentColumnSpace": 34.6875,
                  "leftColumn": 4,
                  "files": []
                },
                {
                  "widgetName": "DatePicker1",
                  "rightColumn": 11,
                  "dateFormat": "DD/MM/YYYY",
                  "widgetId": "qx038sqrin",
                  "topRow": 7,
                  "bottomRow": 8,
                  "isValid": "{{ DatePicker1.isRequired ? !!DatePicker1.selectedDate : true }}",
                  "parentRowSpace": 38,
                  "isVisible": true,
                  "datePickerType": "DATE_PICKER",
                  "label": "From Date",
                  "type": "DATE_PICKER_WIDGET",
                  "dynamicBindings": {
                    "isValid": true
                  },
                  "isLoading": false,
                  "enableTimePicker": true,
                  "parentColumnSpace": 34.6875,
                  "leftColumn": 3,
                  "isDisabled": false
                }
              ]
            }
          ]
        }
      ]
    },
    "layoutOnLoadActions": []
  }