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

    Replace checkbox with quantity in payment tool?

    Asked by purplepineapple on October 13, 2015 at 12:40 PM

    I have a list of products in the payment tool. Each product has a check box next to it as default. Customers then need to add a quantity, so I have that field below the product name. When a quantity is entered, the checkbox is automatically selected, so it really is unnecessary to have the checkbox there.

     

    Right now it shows up like this:

     

    What I really want is the quantity box where the current checkbox is, with the product name after that. Something closer to this:

    Is that possible with CSS?

    Page URL:
    http://www.jotform.com//?formID=52854506152151#

    checkbox quantity payment tool tool
  • Profile Image

    Answered by purplepineapple on October 13, 2015 at 02:50 PM

    Well I kind of found a workaround. If I only have one item, and use custom a property, and insert all of my real items as sub-products, I get this:

    I can live with this EXCEPT the font for the sub-product names is so tiny. How do I make that font larger?

  • Profile Image

    Answered by victor on October 13, 2015 at 03:26 PM

    Hi,

    Glad to hear you were able to find a work around to your question. To adjust the size of the sublabels, you may use the following CSS code

    Please let us know if this helps.

    Regards

  • Profile Image

    Answered by purplepineapple on October 13, 2015 at 03:32 PM

    Got it!

    I inserted this css:

    .form-product-child-label{font-size: 14px !important;}

     

    Which worked, but made the prices bigger also, so I added this css:

    .form-product-child-price.form-product-child-label {font-size: 10px !important;}

     

  • Profile Image
    JotForm Support

    Answered by jonathan on October 13, 2015 at 05:38 PM

    Thank you for taking the time updating us on the status.

    I checked your jotform http://www.jotform.us/form/52856858303161 and I can see it is working fine now.

    Feel free to contact us again anytime should you require further assistance.