Error Icons on Table Fields

Vaadin 6 / 7 / 8 Framework UI
1

Hello all,

I have been using the bean validation add-on to validate forms. I am using the bean validation validator inside my form and table field factory in order to validate also fields inside editable tables. I was able to put it to work but there is a small detail that it is not working.

On the field inside the editable table the caption are hidden and so I cannot also see the error icons that appear when the validation has gone wrong. Is there any way to show the error and required icons on the fields inside editable tables?

Regards

2

At least TextFields should get an additional style name, v-textfield-error, that you can use to style them (e.g red background).

Use Firebug/Web Inspector to see what styles are applied to different fields when they have errors.

3

I didn’t want to change their style… I just wanted to show the red icon (when there is a validation error, for example) that shows on a regular form but inside the table. The error message is shown as a tooltip but the * for required and red error icons do not (on fields inside a table, result of a setEditable(true)).

Thanx

4

The error indicator icon, the required icon and the caption are not a part of the component itself, but are drawn by the layout in which the component is. When the component is in a table, there is no layout directly around it.

Your options are to either put a small layout containing the component in the table cells (can be heavy with respect to rendering performance) or to style the component in the error state with CSS. This style could possibly make an error indicator icon appear on top of the field or something like that.