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

    Check box fields going on to second line - want them to stay on the same line since there is room.

    Asked by pardop1 on April 10, 2016 at 04:37 PM

    I have three columns and there should be enough room for the first box with all of the team names to be on the same line as its box, but some are moving to the next line which looks awful please fix this. the form is:

     

    https://form.jotform.com/60890082200951

     

    Thanks,

     

    Pam

    check same line same on the same line
  • Profile Image
    JotForm Support

    Answered by Kiran on April 10, 2016 at 05:08 PM

    I believe that you are referring to the field 'What NB sport(s) did this athlete...'. 

    Please add the following CSS code to your code to increase the width of the labels for the checkbox field.

    .form-multiple-column .form-checkbox-item {

    width: 200px;

    }

    It should be displaying as shown below after injecting the code.

    Hope this information helps! 

  • Profile Image

    Answered by pardop1 on April 11, 2016 at 05:45 PM
    this is not working. Please use my team names, not the ones in your grid.
    thanks,
    Pam
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on April 11, 2016 at 11:37 PM

    It appears that some of the team names are too long for the three columns, which is why they are moving to the next line.

    A possible workaround would be to make the width of the form wider to fit the length of the team names into three columns while maintaining their font size.

    Please inject the css below to resolve the issue:

    .form-all {

        width: 900px;

    }

    .form-multiple-column {

        width: 820px!important;

    }

    span.form-checkbox-item {

        width: 270px!important;

    }

    .form-all:before {

        background-position: top center;

    }

    Here's a demo form where I applied the css: https://form.jotform.com/61018532010943.
    You can also clone it to your account if you like.

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