form error indicator

When I validate a textfield in a form the error-indicator specified by:

/* Error indicator. */
.v-formlayout-cell .v-errorindicator {}
.v-formlayout-error-indicator .v-errorindicator {}

appears inside the text entry area and nothing appears in
.v-formlayout-errorcell {} /* Field error indicator. */

Shouldn’t the error indicator show up in the errorcell?

14130.png

I actually created this issue. I wasn’t getting an error indicator (I guess that functionaliy doesn’t work as explained in the Book of Vaadin for 7.x because I never see a red !). So I created:

.required-field-not-set {
background: transparent url(…/common/icons/error.png) no-repeat 3px 2px;
}

and I added this style to the textfield when validation failed.

Adding that url to the styles described in the Book of Vaadin for 7.x doesn’t work as far as I can tell.

/* Error indicator. */
.v-formlayout-cell .v-errorindicator {
background: transparent url(…/common/icons/error.png) no-repeat 3px 2px;
}
.v-formlayout-error-indicator .v-errorindicator {
background: transparent url(…/common/icons/error.png) no-repeat 3px 2px;
}

Anyway, I added a focuslistener to the textfield to remove the required-field-not-set style from the text field so when the user clicks to enter the missing information the error icon disappears.

It would be nice if the functionality worked as described in the Book of Vaadin 7 but this is a suitable workaround.

I’ve run in the same issue now on Vaadin 7.5.1… did you resolve it somehow in the end?

I just did what I described in the second post and never looked at it again.