How Can I Get Field Labels To Not Be Stacked?

  • Profile Image
    tubbco15
    Asked on January 29, 2018 at 01:09 PM

    Hi.

    I have a form that has rather long field labels. The labels look good in the designer (see below).

    1517249103clip416.png

    But, when I actually run the form, the labels become all stacked (see below).

    1517249193Clip417.png

    Is there a way that I can fix this? Thanks.

    Tom




  • Profile Image
    david
    Answered on January 29, 2018 at 02:19 PM

    If you want to ensure your form labels are the full width of the form, add the following code to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

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

    It is also possible to set the label width to a specific width:

    .form-label-top{
      width : 400px !important;
    }

    The 400px value can be adjusted to adjust the width.

  • Profile Image
    tubbco15
    Answered on January 29, 2018 at 02:22 PM

    Hi David.

    Perfect! Thank you so much.


    Tom