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

    How to position the checkbox on my form?

    Asked by amystreasures on April 17, 2017 at 01:46 AM

    OK ty, this is my problem now, I got this to work, however as you can see, some of my ch boxes are over my pics, I set everything wide so it will fit. dont know what to do. I wish I can have two columns instead of one long one.

    Amy

  • Profile Image

    Answered by Sven on April 17, 2017 at 01:49 AM

    Please inject the following CSS in your form:

    .form-product-container {

    float: left !important;

    }

     

    .form-radio, .form-checkbox {

    float: left !important;

    }

     

    Here's how to inject custom CSS:

    How to Inject Custom CSS Codes

     

    I have cloned your form to my account, and added the CSS, you can see a working version here:

    https://form.jotformpro.com/71061466354959

     

    Thank you.

  • Profile Image

    Answered by amystreasures on April 17, 2017 at 02:02 AM

    Thank You Sven it work awesome, am I able to make it a two column form?

    Amy

  • Profile Image
    JotForm Support

    Answered by Kiran on April 17, 2017 at 02:15 AM

    Since you do not have any other fields on the form, I believe that you only want to display the products in two columns. If so, please follow the instructions provided in the guide below:

    https://www.jotform.com/help/235-How-To-Have-Two-Column-Payment-Form

    If you want to display the other fields on the form in two columns, you may enable the option 'Enable form columns' in the Form layout section of Advanced Form Designer.

    Hope this information helps! Please get back to us if you need any further assistance. We will be happy to assist.