How to customize Error Indicator (form validation)?


How do you either increase the size of the error indicator (which appears to be a red asterisk in Vaadin 7) or replace it with a larger image?

I did try searching for this information first.


This is part of the theme, so you could create your custom theme and override the relevant class(es). For example in the reindeer-theme is the following definition:

.v-errorindicator {
	width: 13px;
	height: 15px;
	background: transparent url(common/icons/error.png) no-repeat 50%;

And a few more with the error-icon, depending on where the error-indicator is used.

Thanks Johannes - this works!