I do not like the way the Barrio theme displays form validation errors. It displays a little cloud containing the error message in plain text above the field with the error. I'd prefer it display text at the top of the form in red. I turned on the "Inline Form Errors" module but doesn't seem to work since the error messages are already inline.

Is this a Bootstrap 5 thing or is Barrio solely responsible for this?

I suppose an improvement would be to change the text color or the error message to red. Anyone know how to do this?

Comments

VM’s picture

change the text color or the error message to red

CSS should be able to handle that

donpwinston’s picture

I believe it's done with JavaScript. I see no way to figure out what css code to use. It doesn't hang around long enough to use my browser's web inspector.

Simpler is always better.

donpwinston’s picture

There is a theme setting for barrio where you can change the kind of error messages to the standard way at the top and not use the popup cloud message over the field.

Simpler is always better.