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.

Submit button placement below a specific field

  1. Hello,

    I would like the Submit button in http://test.ishausa.org/6129-2/ to show up right above the "Your contribution is tax-deductible to the extent allowed by law" text and not at the end of the form. Please let me know how I can achieve this.

    Thanks,
    Aishwarya

    Posted 7 years ago on Thursday September 27, 2012 | Permalink
  2. Can someone please take a look ?

    Posted 7 years ago on Wednesday October 3, 2012 | Permalink
  3. You can try a couple different things. One approach would be to make space for the button and to move the button up with CSS.

    [css]
    /* this will make space for the button */
    body .gform_wrapper #field_6_18 {
    	margin-bottom: 80px;
    }
    /* this will move the button up */
    body .gform_wrapper #gform_submit_button_6 {
    	position: fixed;
    	bottom: 350px;
    }

    The second approach would be to add an HTML block to your form and add the submit button to it. Add the block right in the form where you want the button to appear. This would be the content of the HTML block:

    [html]
    <input type='submit' id='gform_submit_button_up' class='button gform_button' value='Submit' tabindex='37' />

    (note the different ID here so that our CSS rule below does not apply to our new button)

    Then hide the real submit button with CSS:

    [css]
    body .gform_wrapper #gform_submit_button_6 {
        display:none!important;
    }

    Let us know if either one of those approaches works for you.

    Posted 7 years ago on Wednesday October 3, 2012 | Permalink
  4. Hi Chris,

    Neither of these approaches seem to work in my case. The 2 forms can be viewed at http://www.ishausa.org/monthly-giving-every-brick-counts-ebc/ and http://www.ishausa.org/general-donation/. Yes I did substitute the id of the button appropriately in both cases. IN the first case, then new button seems to be hidden because of a parent
    < LI > element whose display is set to none.

    Thanks,
    Aishwarya

    Posted 7 years ago on Friday October 5, 2012 | Permalink
  5. On those two form pages, have you implemented one of the suggested approaches? I see that it's not working but I am unclear if in its current state that it SHOULD be working. Please let me know if the code I provided is in place and I will take a look and see why it does not appear to be working.

    Also, the layout of both pages looks strange/incomplete, but may be just because you are testing.

    Posted 7 years ago on Friday October 5, 2012 | Permalink