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

    Hiding product checkboxes on a payment tool

    Asked by mary.e.farley on August 12, 2015 at 06:22 PM

    Hi, we're having trouble with people paying the correct amount.  We have a drop-down list with 2 prices - member and non-member, but because there is a check-mark next to the item, they just check it off and use whatever fee is showing in the top drop-down list.  Can we get rid of the check box next to the item?  Our instructions say clearly to choose a price, but no one seems to get it.  Can you suggest a better way to do this to avoid confusion?

     

     

    Page URL:
    http://form.jotform.co/form/51436644412855

    payment tool product check box
  • Profile Image
    JotForm Support

    Answered by Chriistian on August 12, 2015 at 11:35 PM

    Hi,

     

    I am currently checking your form. Please give me more time to investigate this. I will get back to you as soon as I get a result.

     

    Regards.

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 13, 2015 at 12:16 AM

    Hi,

     

    Can you check this form, if this is what you are looking form - http://www.jotformpro.com/form/52239027338960? I suggest removing the checkbox and adding a Select Price option in each of your payment product dropdowns field that is selected by default. You can clone the form to have a closer look.

     

    To remove the checbox in the items, please inject this custom CSS code in your form.

    div#cid_118 span:nth-child(n+4) input[type="checkbox"] {

      display: none;

    }

     

    To inject custom CSS code in your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.


    Regards.

  • Profile Image

    Answered by mary.e.farley on August 13, 2015 at 01:55 PM
    This is perfect! Thank you. Is there a way I can import this form into our account (so I don’t mess up the form trying to replicate it myself)?
    ...
  • Profile Image
    JotForm Support

    Answered by Mike on August 13, 2015 at 03:10 PM

    On behalf of my colleague, you are welcome. We have added Chriistian's CSS to your form.

    If you need any further assistance, please let us know.