Hide the checkboxes on product fields

  • Profile Image
    tomorrownight
    Asked on October 02, 2016 at 04:56 AM

    Hello,

    I know i am not able to do this through the wizard, but is there a way of brute forcing the tick boxes away using CSS?  

    Each item in the payment section has a tick box that doesnt do anything - can i remove that using CSS?

     

    Thanks

     

    Adam

  • Profile Image
    omerorkun
    Answered on October 02, 2016 at 06:52 AM

    Hi, 

     

    You can definitely make the checkbox invisible. Here is how;

    First you should click the "Design" tab on your main screen. 

     

     

    When you inject the following code all the unwanted checkboxes should disappear;

    .form-checkbox {

    visibility : hidden;

    }

     

    Normally this code should work. However when I cloned your form I saw you had injected lots of custom CSS codes before. If there is a problem with those codes any further code you inject later will not work properly. 

     

    So my suggestion is you make sure those codes are on point and then inejct this particular one later. 

     

    If you need any further assistance on this please contact us again. 

     

  • Profile Image
    EltonCris
    Answered on October 02, 2016 at 09:45 AM

    While Omerorkun's solution would work, it would however affect all the checkboxes in your form. It'd be a problem later on when you are going to add checkbox fields in your form. With that, you may want to use the following CSS codes to remove only the checkboxes under the payment field.

    .form-product-item .form-checkbox {

        display: none;

    }

    Here's a guide on how to inject custom CSS codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Paste it into the bottom section if you have existing CSS codes in your form.

    If you have further questions, let us know.

  • Profile Image
    tomorrownight
    Answered on October 02, 2016 at 12:23 PM

    thank you so much! perfect!