PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

clear form button

  1. 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 7 years ago on Monday August 27, 2012 | Permalink
  2. 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 7 years ago on Monday August 27, 2012 | Permalink
  3. 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 7 years ago on Monday August 27, 2012 | Permalink
  4. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  5. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  6. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  7. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  8. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  9. 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 7 years ago on Tuesday August 28, 2012 | Permalink
  10. 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 7 years ago on Tuesday August 28, 2012 | Permalink