diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-validator.ts b/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-validator.ts index 496079aab4..21192fa3b5 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-validator.ts +++ b/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-validator.ts @@ -32,7 +32,8 @@ export class RequiredFieldValidator implements FormFieldValidator { FormFieldTypes.MULTILINE_TEXT, FormFieldTypes.NUMBER, FormFieldTypes.TYPEAHEAD, - FormFieldTypes.DROPDOWN + FormFieldTypes.DROPDOWN, + FormFieldTypes.PEOPLE ]; isSupported(field: FormFieldModel): boolean { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.css b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.css index de35519d8b..2d444f1b7f 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.css +++ b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.css @@ -27,3 +27,19 @@ .people-widget--autocomplete > ul > li { opacity: 1; } + +.people-widget__invalid .mdl-textfield__input { + border-color: #d50000; +} + +.people-widget__invalid .mdl-textfield__label { + color: #d50000; +} + +.people-widget__invalid .mdl-textfield__label:after { + background-color: #d50000; +} + +.people-widget__invalid .mdl-textfield__error { + visibility: visible !important; +} diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.html index 0d660b2bb4..a3896ab26e 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.html +++ b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.html @@ -1,4 +1,5 @@ -