Form Builder Submit Errors

[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

[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.

[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

[Peciura]

Put it to the style sheet.

[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

[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.

[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...