{
    "type": "Ext.panel.Panel",
    "reference": {
        "name": "items",
        "type": "array"
    },
    "codeClass": null,
    "userConfig": {
        "collapsible": true,
        "designer|userAlias": "productdetails",
        "designer|userClassName": "productdetails",
        "layout": "border",
        "reference": "productdetails",
        "referenceHolder": true,
        "resizable": true,
        "title": "Product Details",
        "width": 150
    },
    "configAlternates": {
        "collapsible": "boolean",
        "designer|userAlias": "string",
        "designer|userClassName": "string",
        "layout": "string",
        "reference": "string",
        "referenceHolder": "boolean",
        "resizable": "boolean",
        "title": "string",
        "width": "auto"
    },
    "name": "MyPanel3",
    "designerId": "9089bfed-87b8-475a-9202-e9b161c141de",
    "viewControllerInstanceId": "c48f7381-3a27-4126-b240-2648ab44434b",
    "viewModelInstanceId": "a98b0722-991d-4ef5-8f3e-1489c750bd85",
    "cn": [
        {
            "type": "Ext.panel.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "height": 100,
                "layout|flex": null,
                "layout|region": "south",
                "reference": "details-image-list",
                "scrollable": "horizontal",
                "title": "Product Images"
            },
            "configAlternates": {
                "height": "auto",
                "layout|flex": "number",
                "layout|region": "string",
                "reference": "string",
                "scrollable": "auto",
                "title": "string"
            },
            "name": "MyPanel7",
            "designerId": "2c3313e7-f9bd-428e-8eaf-7413f4613465",
            "cn": [
                {
                    "type": "Ext.view.View",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "itemSelector": "div"
                    },
                    "configAlternates": {
                        "itemSelector": "string"
                    },
                    "name": "MyView",
                    "designerId": "8e2488c7-e9ec-4ad1-be83-e4faafa9317b",
                    "cn": [
                        {
                            "type": "Ext.XTemplate",
                            "reference": {
                                "name": "itemTpl",
                                "type": "object"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "designer|displayName": "imgTpl",
                                "implHandler": [
                                    "Data View Item {string}"
                                ]
                            },
                            "configAlternates": {
                                "designer|displayName": "string",
                                "implHandler": "code"
                            },
                            "name": "itemTpl",
                            "designerId": "e3529a88-cae8-4006-bdc8-c10054db0cdc"
                        }
                    ]
                }
            ]
        },
        {
            "type": "Ext.panel.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "layout|flex": 1,
                "layout|region": "east",
                "reference": "details-main-image",
                "title": "Image",
                "width": 150
            },
            "configAlternates": {
                "layout|flex": "number",
                "layout|region": "string",
                "reference": "string",
                "title": "string",
                "width": "auto"
            },
            "name": "MyPanel8",
            "designerId": "052a769b-32e2-48d2-a44a-e2e567609553"
        },
        {
            "type": "Ext.panel.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "layout|flex": 2,
                "layout|region": "center",
                "reference": "details-body",
                "scrollable": "vertical",
                "title": "Body"
            },
            "configAlternates": {
                "layout|region": "string",
                "reference": "string",
                "scrollable": "auto",
                "title": "string",
                "layout|flex": "number"
            },
            "name": "MyPanel9",
            "designerId": "3913c1d3-0a20-4324-ad5c-38fd0104883e"
        }
    ]
}