Can't increase label width on the form

  • LearnerPark
    Asked on February 25, 2017 at 10:55 AM

    When I increase the label width in the advanced editor it doesn't work.

    It looks like it worked when viewing the form in the builder however when I preview or publish and view the live form it the label width doesn't increase at all.

    Here's a screenshot of how it looks in the builder: https://screencast.com/t/4bUJDswnaKAm

    Here's a screenshot of how it looks in preview or live: https://screencast.com/t/uFuf8wlBdQ

    FYI: I've tried using different themes including just the default theme.

    I've also tried creating a completely new form thinking maybe this one was somehow corrupted and still the same issue.

  • Kiran Support Team Lead
    Replied on February 25, 2017 at 1:03 PM

    I have checked your JotForm and see that the labels are displaying with less width. I have changed the label align to Left from Top and then changed it to Top on your form.

    Cant increase label width on the form Image 1 Screenshot 20

    The form is now displaying the labels correctly on the form. Please check your JotForm and let us know if you need any further assistance.

    Thanks!

  • LearnerPark
    Replied on February 26, 2017 at 10:51 AM

    Thanks.  It was working.  BUT... then I needed to add some more questions to the form and make a few edits and now it's not working again (I can't get the label width to work again).  Shows the width increased in the builder but when I view the form live the label fields are still very short.

    Can you explain what I'm doing wrong?  Or is this a bug with Jotform?

    I've been using Jotform quite a bit for the last 5 years.  Never had problems like this.

  • Nik_C
    Replied on February 26, 2017 at 12:05 PM

    I checked your form, I couldn't find those fields, but you could try to use this CSS and insert it in your Custom CSS field:

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

    And you can adjust the width as you wish. That should work for all fields label.

    If you have any further questions please let us know.

    Thank you!