Dialog form.
{ "display": { "cssClass": ["pacem-grid", "grid-nospace", "grid-no-rowgap", "form-minimal", "form-xs-nolabels", "pacem-pad", "pad-x-1"], "name": "Sign In" }, "props": [ { "prop": "email", "dataType": "emailaddress", "type": "string", "display": { "cssClass": ["pacem-cell", "field-outline", "field-stretch"], "name": "E-mail", "watermark": "name@email.com..." }, "validators": [ { "type": "required", "errorMessage": "required field" } ] }, { "prop": "password", "dataType": "password", "type": "string", "display": { "cssClass": ["pacem-cell", "field-outline", "field-stretch"], "name": "Password", "watermark": "password..." }, "validators": [ { "type": "required", "errorMessage": "required field" } ] }, {"prop": "region", "type": "array", "display": { "cssClass": ["field-minimal", "field-stretch", "field-nolabel"], "name": "Italian Region", "ui": "tags", "watermark": "Pick some italian regions..." }, "isComplexType": true, "extra": { "sourceUrl": "/api/test/autocomplete?optionalHint=true" , "textProperty": "name", "valueProperty": "id" } }, { "prop": "rememberMe", "type": "boolean", "display": { "cssClass": ["pacem-cell", "field-nolabel"], "watermark": "Remember me on this device" } } ] }