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.

cancel button

  1. Hi guys!

    I'm really confused, each and every purchase/donation form in the world needs two buttons OK and CANCEL.

    I found a lots of really advanced things here but no idea how to add CANCEL button.

    Any idea how to easily add custom buttons?

    brgs,
    Jarek

    Posted 9 years ago on Thursday October 13, 2011 | Permalink
  2. What would the cancel button do? Clear the form, then what? I'm curious what functionality you're looking for so we can help you with it. Thanks

    Posted 9 years ago on Friday October 14, 2011 | Permalink
  3. Hi,

    let's assume that you go to purchase something.
    You go to the purchase form and change your mind and want to check something on the site.

    If form has only OK/Submit/Purchase button, everybody will feel a little confused and probably will close browsing tab.

    Each and every such form should have cancel button, which will return customer/donor to other page on the site.

    It's what I want to achieve.

    Have a nice weekend,
    Jarek

    Posted 9 years ago on Friday October 14, 2011 | Permalink
  4. I disagree "every such form should have cancel button". Yes, perhaps full e-commerce applications have "cancel" and "continue shopping" buttons/links but Gravity Forms isn't intended to work like a full shopping cart.

    If all you want to do is return someone to the previous page, you can use an HTML field to create a button, link it to wherever you want it to go and then use CSS to position it wherever you like. It should be relatively easy to achieve. An example is below.

    Added this to a HTML block ( at the very end of my form ) and checked the option to "disable default margins"

    <input type="button" value="Cancel and Return to Google" class="cancelbutton button" onClick="window.location.href='http://www.google.com'">

    Then I quickly added a custom CSS rule to position the button.

    [css]
    input.cancelbutton {
    	position:relative;
    	top:54px;
    	left:75px;
    	font-size:1em
    }

    and that's all there is to it.

    http://screencast.com/t/xf6EUNoSXKF

    Posted 9 years ago on Friday October 14, 2011 | Permalink
  5. Hi Kevin!

    Than you for your advice!
    To explain, it's not shopping card, what I'm doing, I'm kindly asking for donation.

    There is only one problem, I'm using image buttons and I ca't put them side bu side by using css.
    Please have look here: http://www.fundacjadziedzic.pl/inna-dotacja/

    Is it possible to put is side by side?

    best regards,
    Jarek

    Posted 9 years ago on Monday October 17, 2011 | Permalink
  6. I tested and tried this.. removed the rule for the cancel button you have in place, then used this instead.

    [css]
    body .gform_wrapper li#field_1_8 input.cancelbutton {
        border: none;
        margin-top: 45px;
        position: absolute;
    }

    screenshot: http://bit.ly/osiyfa

    I'm guessing that's what you were trying to accomplish.

    Posted 9 years ago on Monday October 17, 2011 | Permalink
  7. Kavin,

    Exactly, thanks a lot!

    Have a nice day,
    Jarek

    Posted 9 years ago on Monday October 17, 2011 | Permalink
  8. My pleasure. Glad I could help.

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

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