Page 1 of 1
Form Builder Submit Errors
Posted: Mon Dec 07, 2009 12:14 am
by pcp20us
Hi all
I am using the Form builder module for email registration. I have it working sweetly.
However I need to make it more clear when errors are made.
I have the form in the RHS, it does display errors, however I would like to make the text red so it stands out. And would like to display it on the whole page, not just in the RHS colum. Please see attached for an example submitted form with errors.
Is this possible?
Thanks all
Re: Form Builder Submit Errors
Posted: Mon Dec 07, 2009 11:21 am
by Peciura
Errors listed above form usually are in "
div class="error_message"". So style it like
And would like to display it on the whole page, not just in the RHS colum.
Your pictures could be bigger and not in word document

To "error_message" style you can add
Code: Select all
display: absolute;
top: 1em;
left:0px;
z-index:100;
width:100%;
Anything else depends on your needs, current style and imagination.
Re: Form Builder Submit Errors
Posted: Tue Dec 08, 2009 10:05 am
by pcp20us
Ok thanks for this, I had a go but could not get it to work.
I am not where i should put this code.
Does it go in the form template under form builder, or do i need to put it the style sheets?
I am not very good with code.
Take your point about it being in layout section
Re: Form Builder Submit Errors
Posted: Tue Dec 08, 2009 12:28 pm
by Peciura
Put it to the style sheet.
Re: Form Builder Submit Errors
Posted: Thu Dec 10, 2009 11:27 am
by pcp20us
I see what your saying about the size of ther picture, How do others post screen dumps, and keep it under the posting size?
Ok i added the above code in the style sheet The text is coming up red, so thats great, the error msg whowever is still in the RHS coloum only. I played around with the settings but it only every displays in the RHS coloum. Is this to do with the page being setup as 2 columns? Beyond that i really don't how to fix this
Thanks
Pete
Re: Form Builder Submit Errors
Posted: Thu Dec 10, 2009 6:08 pm
by Peciura
You can crop pictures and save them as jpg (compression 85%) usually pictures as big as 800x600 are bellow upload limit (12X KB). Actually link to your page is much better option.
Everything else is simple is JavaScript.
Re: Form Builder Submit Errors
Posted: Thu Dec 10, 2009 7:17 pm
by Dr.CSS
You have the form in the right hand side and when it errors the error message is part of the form hence it shows in the same place, you either need to break them out of the same div/form or use some class call around them and CSS to position them where you want...