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

Code: Select all

.error_message{
   color:#FF0000;
}
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...