I recently spent the 100 bucks and bought Contour! A lot of lolly for a form generator buy hey ho. Now I having awful trouble styling my form! Its like this... when I create my form theres a big gap between each field. A "big gap". So if shrunk this gap using CSS and resetting the height of these: .textfield
.dropdownlist
.businessaddress TEXTAREA
.descriptionofservices TEXTAREA
However how when I submit my form with required fields missing the red error text that normally appears in the space i removed is now on top of the fields (making a mess). Basically that gap I removed was the space for the error message to appear!
Is there some easy way of setting the form so that there are no large gaps and the error messages (for required fields not filled in) appears in a better location? Im thinking I need to get rid of the error message altogether and just have contour add a red "*" to the end of this field. But either way I dont want to go hacking at the code as the mighty coutour might have an easy way of solving my problem.
Id love to hear any ideas ... have anyone crossed this bridge? Thanks a million. Robert
Hi Wolulcmit, Thats worked perfectly! I thought that would make my error message disssappear too but no! Thanks both of you for your reply. Karma bubble coming your way.
Gap Between Fields
Hi Community,
I recently spent the 100 bucks and bought Contour! A lot of lolly for a form generator buy hey ho. Now I having awful trouble styling my form! Its like this... when I create my form theres a big gap between each field. A "big gap". So if shrunk this gap using CSS and resetting the height of these:
.textfield
.dropdownlist
.businessaddress TEXTAREA
.descriptionofservices TEXTAREA
However how when I submit my form with required fields missing the red error text that normally appears in the space i removed is now on top of the fields (making a mess). Basically that gap I removed was the space for the error message to appear!
Is there some easy way of setting the form so that there are no large gaps and the error messages (for required fields not filled in) appears in a better location? Im thinking I need to get rid of the error message altogether and just have contour add a red "*" to the end of this field. But either way I dont want to go hacking at the code as the mighty coutour might have an easy way of solving my problem.
Id love to hear any ideas ... have anyone crossed this bridge? Thanks a million. Robert
Comment author was deleted
Hi Robert,
Could you post a screenshot of the problem?
in your css try:
span.contourError, #contour br{display:none}
should get rid of the gaps you're talking about without having to hardcode any heights or anything ugly like that.
- Tim
Hi Wolulcmit,
Thats worked perfectly! I thought that would make my error message disssappear too but no!
Thanks both of you for your reply. Karma bubble coming your way.
Nice One! the error messages get set to display:block again when the javascript kicks in (when user tries to submit the form).
is working on a reply...