-
hmsimplewsAsked on October 27, 2019 at 11:46 AM
I have created a gift certificate ordering page. Is there a way to add an option for folks to create a custom amount; i.e. maybe they would like to order one $250 gift card?
Thanks!!
Page URL: https://form.jotform.com/92994057486171 -
VincentJayReplied on October 27, 2019 at 12:01 PM
Just to clarify, you want to add a Blank Option or Custom Amount field so the user can put the amount they want? Is that correct?
We'll wait for your response. Thank you.
-
hmsimplewsReplied on October 27, 2019 at 2:50 PMYes, that is exactly what I want.
Thanks!
... -
Welvin Support Team LeadReplied on October 27, 2019 at 3:20 PM
You need to add a Custom Amount item, add 1 as the price then enable the quantity box which will be the amount input for your users. However, this is just a workaround. The quantity will be visible in your end or when you create the report.
To hide the amount, you can do it with custom CSS codes. We can help you with the custom CSS once you have the item in the form.
Here's a demo form you can check: https://form.jotform.com/92996050333965.
-
hmsimplewsReplied on October 27, 2019 at 4:50 PMThank you! I will let you know when I need the CSS help!
Donna
... -
hmsimplewsReplied on October 27, 2019 at 4:50 PMI have added the custom amount item; just need the $1 removed from the
description. Thank you!!
https://form.jotform.com/92994057486171
... -
Welvin Support Team LeadReplied on October 27, 2019 at 5:02 PM
Add the following custom CSS codes in the form to hide the price:
#cid_26 span:nth-child(11) span.form-product-details {
display: none;
}
If you want to adjust the quantity/amount box, add the following custom CSS codes:
input#input_26_quantity_1007_0 {
width: 50px;
}
Adjust 50px to your preferred width.
Guide to add the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.
-
hmsimplewsReplied on October 27, 2019 at 5:50 PMWhen I open the styles tab, there is code in the box for inject custom
css....where is the proper spot to insert the code?
... -
jonathanReplied on October 27, 2019 at 7:05 PM
You can append the CSS codes to those existing in the form.
Example:
-
hmsimplewsReplied on October 27, 2019 at 8:50 PMIt worked!! Thank you!
...