Im having some issues where error messages are making the page formatting of forms look odd. It essentially offsets the label from the text field so the two do not line up together.
I've tried overriding the css and it does seem to resolve the issue. Is this something I need to make custom freemarker templates for or am I missing something really simple?
I know this is not the way I should confirm / change a password for now I am just trying to get the look and feel of the error pages correct.
The first screen shot shows how the page loads the second screen shot shows how the errors throw the label and field out of alignment. Ideally I would like the error message to start over the label table cell and go to the right instead of starting over the field cell of the html and going to the right.
It looks like my html usage of css_xhtml theme was not proper which was causing the issue where the error messages were causing the labels to misalign with the text fields. I have changed my html form to the following:
Now my error messages are spanning the div correctly & the field labels are not misaligning vertically but it is changing the layout of the form. is some label I am missing to keep the elements from jumping from aligning center to aligning left?
Joined: Aug 27, 2010
Was able to resolve the issue by over riding the css with the following. Now creates errors that produce a layout that is the same as the original display