{
  "type": "view",
  "content": [
    {
      "type": "panel",
      "heading": "Contact Form",
      "body": {
        "type": "form",
        "className": "form-horizontal",
        "controls": [
          {
            "type": "formgroup",
            "label": {
              "value": "Name",
              "className": "col-md-4"
            },
            "controls": [
              {
                "wrapClass": "col-md-4",
                "control": {
                  "type": "text",
                  "name": "name.first",
                  "@model": "this",
                  "attrs": {
                    "placeholder": "First"
                  },
                  "defaultValue": "Lasana"
                }
              },
              {
                "wrapClass": "col-md-4",
                "control": {
                  "type": "text",
                  "name": "name.last",
                  "@model": "this",
                  "attrs": {
                    "placeholder": "Last"
                  },
                  "defaultValue": "Murray"
                }
              }
            ]
          },
          {
            "type": "formgroup",
            "label": {
              "value": "When can we talk?",
              "className": "col-md-4"
            },
            "controls": [
              {
                "wrapClass": "col-md-8",
                "control": {
                  "type": "date",
                  "@model": "this",
                  "name": "proposedMeetingDate"
                }
              }
            ]
          },
          {
            "type": "formgroup",
            "label": {
              "value": "Gender",
              "className": "col-md-4"
            },
            "controls": [
              {
                "wrapClass": "col-md-8",
                "control": {
                  "name": "gender",
                  "defaultValue":"F",
                  "@model": "this",
                  "wrap":true,
                  "type": "radio",
                  "options": [
                    {
                      "label": "Male",
                      "value": "M"
                    },
                    {
                      "label": "Female",
                      "value": "F"
                    }
                  ]
                }
              }
            ]
          },
          {
            "type": "formgroup",
            "label": {
              "value": "What service are you interested in?",
              "className": "col-md-4"
            },
            "controls": [
              {
                "wrapClass": "col-md-8",
                "control": {
                  "type": "select",
                  "@model": "this",
                  "name": "service",
                  "options": [
                    {
                      "label": "Software Development",
                      "value": "Software Development"
                    },
                    {
                      "label": "IT Return On Investment Analysis",
                      "value": "ROI Analysis"
                    },
                    {
                      "label": "E-Commerce",
                      "value": "E-Commerce"
                    }
                  ],
                  "defaultValue": "E-Commerce"
                }
              }
            ]
          },
          {
            "type": "formgroup",
            "label": {
              "value": "About You",
              "className": "col-md-4"
            },
            "controls": [
              {
                "wrapClass": "col-md-8",
                "control": {
                  "type": "textarea",
                  "@model": "this",
                  "name": "area",
                  "attrs": {
                    "rowsSelected": 6
                  }
                }
              }
            ]
          }
        ]
      }
    },
    {
      "type": "panel",
      "heading": "A profile",
      "body": [
        {
          "type": "dl",
          "labels": [
            {
              "label": "First Name",
              "name": "name.first",
              "filter": "uppercase"
            },
            {
              "label": "Last Name",
              "name": "name.last",
              "filter": "uppercase"
            }
          ],
          "data": {
            "name": {
              "first": "Serious",
              "last": "Business"
            }
          }
        }
      ]
    },
    {
      "type": "panel",
      "className":"panel-warning",
      "heading": "A table in a panel",
      "table": [
        {
          "type": "table",
          "columns": [
            {
              "label": "First Name",
              "name": "name.first",
              "filter": "uppercase"
            },
            {
              "label": "Last Name",
              "name": "name.last",
              "filter": "uppercase"
            }
          ],
          "data": [
            {
              "name": {
                "first": "mel",
                "last": "lentils"
              }
            },
            {
              "name": {
                "first": "reD",
                "last": "Bean"
              }
            }
          ]
        }
      ]
    }
  ]
}