{
    "name": "form-example5",
    "items": [
        {
            "type":"panel",
            "mode": "view",
            "items":
            [
                [
                    {
                        "type": "title",
                        "colSpan": 12,
                        "name": "title",
                        "label": "PMDynaform 4 - Mode View"
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "TextInput Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariable",
                        "var_uid": "752292886541b20d3325955025125925",
                        "type": "text",
                        "colSpan": 12,
                        "label": "TextInput field",
                        "mode": "parent",
                        "name": "TextName1",
                        "placeholder": "TextName1",
                        "defaultValue": "This is the default value 1",
                        "required": false,
                        "dataType": "string"
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "TextArea Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariable",
                        "var_uid": "752292886541b20d3325955025125925",
                        "type": "textarea",
                        "colSpan": 12,
                        "mode": "parent",
                        "label": "TextArea field",
                        "name": "textarea1",
                        "defaultValue": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu quam egestas, scelerisque nibh sit amet, hendrerit metus. Vivamus dapibus dapibus velit, sit amet congue felis blandit ac. Duis non varius massa. Morbi auctor, est quis varius vulputate, ligula tortor vehicula massa, et gravida velit mauris eget velit. In dictum dolor tortor, vel euismod sapien finibus a. Donec et rutrum nulla. Mauris varius feugiat neque at maximus.",
                        "required": false,
                        "rows": 3,
                        "hint": null
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Link Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariable",
                        "var_uid": "752292886541b20d3325955025125925",
                        "type": "link",
                        "colSpan": 12,
                        "label": "Link field",
                        "mode": "parent",
                        "name": "linkName",
                        "value": "This is the link value",
                        "href": "http://www.colosa.com/",
                        "hint": null
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Dropdown Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariable",
                        "var_uid": "752292886541b20d3325955025125925",
                        "type": "dropdown",
                        "colSpan": 12,
                        "label": "Dropdown field",
                        "name": "Option",
                        "mode": "view",
                        "defaultValue": "option1",
                        "hint": null,
                        "options":[
                            {
                                "label": "Option 1",
                                "value": "option1"
                            },
                            {
                                "label": "Option 2",
                                "value": "option2"
                            },
                            {
                                "label": "Option 3",
                                "value": "option3"
                            }
                        ]
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Checkbox Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariable",
                        "var_uid": "752292886541b20d3325955025125925",
                        "type": "checkbox",
                        "colSpan": 12,
                        "label": "Checkbox field",
                        "mode": "view",
                        "required": false,
                        "hint":null,
                        "options": [
                            {
                                "label": "This is the option A",
                                "value": 1,
                                "selected": true
                            },
                            {
                                "label": "This is the option B",
                                "value": 2
                            },
                            {
                                "label": "This is the option C",
                                "value": 3,
                                "selected": true
                            }
                        ]
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "RadioGroup Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariable",
                        "var_uid": "752292886541b20d3325955025125925",
                        "type": "radio",
                        "colSpan": 12,
                        "label": "RadioGroup field",
                        "mode": "view",
                        "defaultValue": 2,
                        "required": false,
                        "options": [
                            {
                                "label": "This is the option A",
                                "value": 1
                            },
                            {
                                "label": "This is the option B",
                                "value": 2
                            },
                            {
                                "label": "This is the option C",
                                "value": 3
                            }
                        ],
                        "hint":null
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Datetime Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariablethree",
                        "var_uid": "31319212954524865487616020584523",
                        "type": "datetime",
                        "pickType":"datetime",
                        "colSpan": 12,
                        "mode": "view",
                        "label": "Datetime field",
                        "defaultValue": "06/08/2014 15:15:41",
                        "name": "datetime1",
                        "required": false,
                        "hint":null
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Date Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariablethree",
                        "var_uid": "31319212954524865487616020584523",
                        "type": "datetime",
                        "pickType":"date",
                        "colSpan": 12,
                        "name": "datetime2",
                        "mode": "view",
                        "defaultValue": "06/08/2014",
                        "label": "Date field",
                        "required": false,
                        "hint":null
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Time Field"
                    }
                ],
                [
                    {
                        "var_name": "simplevariablethree",
                        "var_uid": "31319212954524865487616020584523",
                        "type": "datetime",
                        "pickType":"time",
                        "colSpan": 12,
                        "mode": "view",
                        "name": "datetime3",
                        "defaultValue": "15:15:41",
                        "label": "Time field",
                        "required": false,
                        "hint":null
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Image Field"
                    }
                ],
                [
                    {
                        "type": "image",
                        "label": "Image",
                        "shape": "thumbnail",
                        "colSpan": 12,
                        "mode": "parent",
                        "alt": "Testing the image",
                        "comment": "The image is related to a Task of the old Processmaker... ",
                        "src": "http://wiki.processmaker.com/images/c/c2/ConceptsTask.png",
                        "hint": "Image field"
                    }
                ],
                [
                    {
                        "type": "subtitle",
                        "colSpan": 12,
                        "name": "subtitle",
                        "label": "Button Field"
                    }
                ],
                [
                    {
                      "type" : "button",
                      "mode": "parent",
                      "colSpan" : 12,
                      "label":"Button"
                    }
                ]
            ],
            "variables":
            [
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "workflow",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "users",
                    "var_name": "users",
                    "var_allowNull": 1,
                    "var_sql": "SELECT USR_UID, USR_USERNAME\nFROM USERS\nWHERE USR_USERNAME <>  \" \"",
                    "var_uid": "752292886541b20d3325955025125925"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "workflow",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "country",
                    "var_name": "country",
                    "var_allowNull": 1,
                    "var_sql": "SELECT IC_UID,IC_NAME   \nFROM ISO_COUNTRY WHERE IC_NAME <> \" \"",
                    "var_uid": "943312492541b2101075730071729173"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "workflow",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "subdivision",
                    "var_name": "subdivision",
                    "var_allowNull": 1,
                    "var_sql": "SELECT \nIS_UID,\nIS_NAME FROM ISO_SUBDIVISION WHERE IC_UID = \"@#country\" AND IS_NAME <> \" \"",
                    "var_uid": "562853519541b20e79b6960026331275"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "workflow",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "location",
                    "var_name": "location",
                    "var_allowNull": 1,
                    "var_sql": "SELECT IL_UID, IL_NAME\nFROM ISO_LOCATION\nWHERE IS_UID =  \"@#subdivision\" AND IL_NAME <> \" \" AND IC_UID = \"@#country\"",
                    "var_uid": "448293955541b20b5e393c3052081446"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "workflow",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "varname",
                    "var_name": "varname",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "752292886541b20d3325955025125927"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "simplevariable",
                    "var_name": "simplevariable",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "299463130541b212c93a3d7047589419"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "Simple Variable Two",
                    "var_name": "simplevariabletwo",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "992707483545248537300e5085346250"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "datetime",
                    "var_label": "Simple Variable Three",
                    "var_name": "simplevariablethree",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "31319212954524865487616020584523"
                },
                {
                    "var_acceptedValues": [
                        {
                          "value": "First Value",
                          "keyValue": "firstvalue"
                        },
                        {
                          "value": "Second Value",
                          "keyValue": "secondvalue"
                        }
                    ],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 100,
                    "var_fieldType": "string",
                    "var_label": "optionsvariable",
                    "var_name": "optionsvariable",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "109090183545298e8505313008393063"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "variablegridone",
                    "var_name": "variablegridone",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "8391557125458eb60509b60057650758"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 100,
                    "var_fieldType": "string",
                    "var_label": "variablegridtwo",
                    "var_name": "variablegridtwo",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "5746882395458eb6b8b54a2015704374"
                },
                {
                    "var_acceptedValues": [],
                    "var_dbConnection": "none",
                    "var_defaultValue": "",
                    "var_fieldSize": 10,
                    "var_fieldType": "string",
                    "var_label": "variablegridthree",
                    "var_name": "variablegridthree",
                    "var_allowNull": 1,
                    "var_sql": "",
                    "var_uid": "5532828265458eb76ebf700002684261"
                },
                {
                    "var_acceptedValues": [
                    {
                      "value": "variable option 1",
                      "keyValue": "variable_option_1"
                    },
                    {
                      "value": "variable option 2",
                      "keyValue": "variable_option_2"
                    },
                    {
                      "value": "variable option 3",
                      "keyValue": "variable_option_3"
                    }
                  ],
                  "var_dbConnection": "none",
                  "var_defaultValue": "",
                  "var_fieldSize": 10,
                  "var_fieldType": "string",
                  "var_label": "variablegridfour",
                  "var_name": "variablegridfour",
                  "var_allowNull": 1,
                  "var_sql": "",
                  "var_uid": "6551198965458ebe28477c5094393260"
                }
            ]
        }
    ]
}