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

    Why are my labels wrapping rather than extending across the page?

    Asked by leeanndumas on July 20, 2017 at 09:55 AM

    In the builder, the labels show as extending across the form, but in the preview, they are wrapped in a space about 1/8 the size of the form. I've checked all the settings and can't figure out what to do. 

    Page URL:
    https://form.jotform.us/71906267309158

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Jan on July 20, 2017 at 12:51 PM

    This is happening because the width of the label is set to 150px. Please inject this custom CSS to fix the issue:

    .form-label.form-label-auto {
       width: 100% !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    Hope that helps. Thank you.

  • Profile Image

    Answered by leeanndumas on July 20, 2017 at 01:43 PM
    Thank you. What would be the CSS code to do that for the options in a single choice or multiple choice question?
    [cid:image001.png@01D30151.14C219C0]
    Lee Ann Dumas
    512-463-8899
    ...
  • Profile Image
    JotForm Support

    Answered by Jan on July 20, 2017 at 03:11 PM

    Here's the CSS code to increase the width of the options in single choice and multiple choice fields:

    .form-radio-item, .form-checkbox-item {
    max-width: none !important;
    }

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide {
    max-width: none !important;
    }

    Here's the result:

    Hope that helps. Thank you.