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

    Hide the checkboxes on product fields

    Asked by tomorrownight 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

    Page URL:
    https://www.jotformpro.com/form/62711953210953

  • Profile Image

    Answered by omerorkun 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
    JotForm Support

    Answered by EltonCris 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

    Answered by tomorrownight on October 02, 2016 at 12:23 PM

    thank you so much! perfect!