Take control over "warning messages" « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

michelecannone
Member

Hey I am testing my little newsletter form here: http://test.aifipuglia.it

I need to tell where to display warning messages in order to let 'em stay in the view and not flow over the "section"

http://pastie.org/2697167

Posted 13 years ago on Friday October 14, 2011 | Permalink
Kevin Flahaut
Administrator
There is a class "gform_validation_error" that gets applied when there is a validation error. You can use that to apply new styles there if you need.

For this, you could just change the height of the "gform_wrapper" div to accomodate the height of the fields with the validation messages.
```
[css]
body #gform_wrapper_2.gform_wrapper.gform_validation_error {
    height: 130px;
}
```
screenshot: http://bit.ly/pH5l0Y

It looks like you may need to tweak a few other things for the validation as well. You can use the same CSS inheritance from that new class on the wrapper element to apply new styles or change styles as needed for the validation error.
Posted 13 years ago on Friday October 14, 2011 | Permalink
michelecannone
Member

This is was I was able to do

http://pastie.org/2698551

Posted 13 years ago on Friday October 14, 2011 | Permalink
Chris Hajer
Key Master

@michelecannone, does this topic resolve the other issue in this message?

http://www.gravityhelp.com/forums/topic/cant-move-the-submit-button#post-37912

If not, can you please clarify the other issue? Thank you.

Posted 13 years ago on Saturday October 15, 2011 | Permalink
michelecannone
Member

I customized CSS to make the form looks like you see in test.aifipuglia.it

But...some feedbacks report me that they do not see what I see...

This is what I see: http://i.imgur.com/FV93d.jpg

And this what somebody sees:
http://www.epicurus.com/wp-content/uploads/2011/10/pugliasite.png

Posted 13 years ago on Saturday October 15, 2011 | Permalink
michelecannone
Member

I am writing on both "pagelines" and "gravity" forums! I see there is some issues BUT I want to go over! I'm pretty sure we can do it!

I made this http://pastie.org/2698551

Please help me to solve!

Is the position:relative the problem? Or what else?

TNX :)

Posted 13 years ago on Sunday October 16, 2011 | Permalink
Kevin Flahaut
Administrator

This really isn't a theme or Gravity Forms support issue, it looks like you need to test your CSS in various browsers and see what works best to achieve the layout you want. If you're not very good with CSS, then you might want to consider hiring a developer to help you out.

I personally would create a new div and use that as a container for your form rather than relying on styling the "gform_wrapper" the way you are. Leave the form title out and include the "newsletter" text in the div before your form is embedded. Then, position the entire form wrapper to the left - either floating it or absolutely positioning it inside the container div.

You can have your normal form fields, use the "gf_inline" ready class for the 2 single text fields, then position the "gform_footer" that contains the button to the right.

That should work with the validation errors as well. It's something you're going to have to test and go from there. I think that should help point you in a better direction though.

Good luck.

Posted 13 years ago on Monday October 17, 2011 | Permalink
michelecannone
Member

I'll try to do it! Thanks so much!

Posted 13 years ago on Monday October 17, 2011 | Permalink
Chris Hajer
Key Master

Thank you Michele.

Posted 13 years ago on Monday October 17, 2011 | Permalink

This topic has been resolved and has been closed to new replies.