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

    Put all checkbox items on one line

    Asked by mckbosart on October 26, 2016 at 07:58 PM

    Hey guys!

    I have created a form where I am using a checkbox with 3 options and then the "other" text box as the 4th item. Can you please help me get this all on one line? I will have my techs select Satisfactory/unsat/N/A and then I need a spot for the notes.. but I cannot figure out the CSS to format it all on one line. I will be duplicating the item about 25 times for different check items.

     

    Thank you! 

    Page URL:
    https://www.jotform.com/mckbosart/generator-6-month-inspection

    checkbox items all line
  • Profile Image
    JotForm Support

    Answered by Charlie on October 27, 2016 at 01:56 AM

    The width of the check box field tries to match the width of your form, so if the width of the form is smaller, then the check box will adjust:

     

    Here's how you can fix that:

    1. First, make sure to move the field "Engine Running Checks" on a new line, I presume it should not be on the same line of the "Enclosure Air Inlets and Outlets":

     

    2. You will then need to increase the width of the form itself, you can find that setting in the Form Designer Tool:

     

    3. After that, paste this custom CSS code in your Form Designer Tool's CSS tab:

    #cid_37 > div > span:nth-child(4) {

        clear: none !important;

    }

     

    If you are setting up multiple of these fields, perhaps using the Configurable List widget might be more appropriate? Here's a guide that you can refer to: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget 

    Let us know if that works.