-
riversconservatoryAsked on May 31, 2016 at 10:32 AM
Hi,
I'm trying to organize my ticket options in the Stripe Payment Gateway. Is there a way to have "headlines" that aren't a product to better organize all of the options?
Here's the form I'm working on (you can see it's rather cumbersome):
https://form.jotform.com/61513896643968
Thank you,
Jessi
Page URL: https://form.jotform.com/61513896643968 -
Kiran Support Team LeadReplied on May 31, 2016 at 11:08 AM
I understand that you want to display the products on your JotForm with categories. Referring to the guide How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form, I have cloned your JotForm to my account and added the following CSS code to the form.
input[id*="1055"], input[id*="1056"], input[id*="1057"], input[id*="1058"], input[id*="1059"]
{
display:none;
pointer-events: none;
}
input[id*="1055"] + label > .form-product-details, input[id*="1056"] + label > .form-product-details, input[id*="1057"] + label > .form-product-details, input[id*="1058"] + label > .form-product-details, input[id*="1059"] + label > .form-product-details
{
display:none;
}
label[for*="1055"], label[for*="1056"], label[for*="1057"], label[for*="1058"], label[for*="1059"]
{
font-weight: bold;
text-decoration: underline;
pointer-events: none;
}
By injecting this CSS code to the form, the products with categories are displayed as below:
Here is the cloned version of your JotForm with the changes.
https://form.jotform.com/61513977884975
Please feel free to clone this form to your account to see how it works.
Thank you!