Forums

There is a 3.1 RC5.5 install on Joomla 1.5 and I noticed that upon submit, when someone doesn't fill in a field, the validation message shows up to the right of the field. How can I get this error message to display on the next line line below the field so it looks nicer?

A document that is titled "ChronoForms How-to doc: Formatting validation messages" looks like it uses CSS for formatting validation messages but I don't think any CSS magic will automatically drop the error message to the line below the field. I was hoping to add a "<br>" code but inserting it into the javascript makes the actual "<br>" code display on the submission of the form.

Thanks
Mike

Hi Mike,

But then some times CSS can do magic . . . the image is from the document.

Bob

For the time being I stretched out the field so the validation error message displayed on the next line and it did the trick. I didn't understand after reading the pdf file how adding the line "display:block;" to the LV_invalid selector would do the trick. I will probably be trying it at a later time.

Thanks.

Hi Mike,

Basically the message is in a <span> tag which by default displays 'in-line' by changing that to 'block' it behaves like a <p> or <div> tag and displays on a new line.

Bob