What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to have 2 products with different headers?

    Asked by sarahcee on June 14, 2014 at 02:23 AM
    Another 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.
    sub products sub category category product category CSS
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 14, 2014 at 02: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!

  • Profile Image

    Answered by sarahcee 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!

  • Profile Image
    JotForm Support

    Answered by jonathan on June 14, 2014 at 06: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!

     

  • Profile Image

    Answered by sarahcee on June 16, 2014 at 10:58 AM

    Thank you, this is SO helpful!!!