clear form button « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

jskamm
Member

Hi. I've created a Clear Form button with the assistance of Chris Hajer. I've added an HTML block and then inserted the following: <input type="reset" value="Clear Form" />. My question is there any way to put both submit and clear buttons as "inline" or in same row? Plus make the text the same font size for both buttons. Finally, I'd like to add style to the buttons, similiar to the "Submit Post" button you have on your submit post page. Any ideas. Thanks

Posted 12 years ago on Monday August 27, 2012 | Permalink
Rob Harrell
Member

This can all be done with a nice dosage of CSS. I can help get you started if you can share a link to your form.

Posted 12 years ago on Monday August 27, 2012 | Permalink
jskamm
Member

Hi Rob,
Below is the link to my contact us page.
http://h125970.temppublish.com/new/contact-us/

Let me know if you need anything else.

Posted 12 years ago on Monday August 27, 2012 | Permalink
jskamm
Member

Rob,

Did you get my post with the link to our form? Here it is just in case, http://h125970.temppublish.com/new/contact-us/.

Posted 12 years ago on Tuesday August 28, 2012 | Permalink
Rob Harrell
Member
We'll take this step by step. Try dropping this into your theme's stylesheet to see if it moves the submit button. This selector below is only targeting this specific form. If you want it to target all forms, simply remove the #gform_wrapper_3
```
[css]
#gform_wrapper_3 .gform_footer.top_label {
float: right;
margin: -40px 450px 0 0;
}
```
Posted 12 years ago on Tuesday August 28, 2012 | Permalink
jskamm
Member

Rob,

Okay, that put the "clear form" button inline with the submit button, but how do I put the submit button before the "clear form" button. just want to reverse the order.

Posted 12 years ago on Tuesday August 28, 2012 | Permalink
jskamm
Member

Hey Rob,

I've got a problem now. The buttons are inline, but the "submit quote request" button is now way to the right on the form. Is there someway to fix this?

Posted 12 years ago on Tuesday August 28, 2012 | Permalink
Rob Harrell
Member

Where is this "submit quote request" button? If you want to reverse the order of the buttons, we might have to resort to absolute positioning. What is your comfort level with CSS?

Posted 12 years ago on Tuesday August 28, 2012 | Permalink
jskamm
Member

Sorry Rob,

I meant to say "submit request" button. Now its back as a inline format. Now I just want to reverse the order; put the Submit Request button first then the Clear Form button, second. As for CSS, I'm new to this. If you give me the code, I can drop it in our stylesheet.

Posted 12 years ago on Tuesday August 28, 2012 | Permalink

OK, try this out (replace the one I gave you earlier):

[css]
#gform_wrapper_3 .gform_footer.top_label {
float: right;
margin: -40px 560px 0 0;
}
#field_3_4 {
float: right;
margin-right: 460px;
}

Posted 12 years ago on Tuesday August 28, 2012 | Permalink