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
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
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
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.
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
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.
My pleasure. Glad I could help.