Hiding product checkboxes on a payment tool

  • mary.e.farley
    Asked on August 12, 2015 at 6: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?

     

     

  • Chriistian Jotform Support
    Replied 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.

  • Chriistian Jotform Support
    Replied 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.

  • mary.e.farley
    Replied on August 13, 2015 at 1: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)?
    ...
  • Mike
    Replied on August 13, 2015 at 3: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.