-
sarahceeAsked on June 14, 2014 at 2:23 AMAnother question — I would like to have 2 products with different headers. I saw that thread about putting in Free products to use as headers and manipulating the code to remove the check box and "Free" — is that the ONLY way? Seems very complicated. I'm putting my form in Adobe Muse so I don't have access to the code once it's embedded.
-
Ashwin JotForm SupportReplied on June 14, 2014 at 2:32 AM
Hello sarahcee,
It seems you want to display product category in your payment question. Is that correct?
Unfortunately, this is the only way to add heading/category in your payment question. The following guide should help you: http://www.jotform.com/help/178-How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form
This seems to be complicated but its easy to achieve. We can help you on this provided you let us know the headings and which all products comes under which heading. We will implement it in your form. Please be noted that you do not have to change your embedded code. The changes made to your form in form editor will reflect in your web page as well provided you have not used your form's source code to embed your form.
Another option is to simply download your form's source code and add the category in form's source code.
Hope this helps.
Do get back to us if you have any questions.
Thank you!
-
sarahceeReplied on June 14, 2014 at 12:18 PM
Hi, I would LOVE it if you could do this for me! I need a header "Sponsor" for the first items in my form, and "Individual Tickets" for the last item. I've already added them, they just need to be underlined with check boxes and "free" removed. http://pieranchtest.businesscatalyst.com/register-for-event.html
Thank you so much for your help, I really appreciate it!
-
jonathanReplied on June 14, 2014 at 6:28 PM
Hi,
Please use this CSS code on your form http://www.jotform.us/form/31727449639163
#input_29_1010,#input_29_1011{display:none;}
input[id*="1010"] + label > .form-product-details,
input[id*="1011"] + label > .form-product-details
{
display:none;
}
label[for*="1010"],label[for*="1011"]
{
font-weight: bold;
text-decoration: underline;
}
Or copy the codes from here http://pastie.org/9290858
Follow this user guide on how to inject CSS code into your form.
User Guide: -How-to-Inject-Custom-CSS-Codes
I tried this on my test form http://www.jotform.me/form/41647497097469
and it is now like this
Hope this help. Inform us if you need further assistance.
Thanks!
-
sarahceeReplied on June 16, 2014 at 10:58 AM
Thank you, this is SO helpful!!!