Some of the question labels on my form is not displayed in one line

  • dpceo
    Asked on April 1, 2019 at 5:57 AM

    Hello, 

    For some reason some of the labels in the form that I'm trying to create is not displayed in one line. But instead it goes into multiple lines. Please see screenshot, attached. 

    The form is accessible here: https://form.jotform.co/90851560184862

    Why does it default to this? I didn't change anything or modify the CSS, etc. Only thing I can think of is that I include "Checkbox in Dropdown" widget on the page. Would this cause the problem?

    And how do I fix it?

    Jotform Thread 1777819 Screenshot
  • Kiran Support Team Lead
    Replied on April 1, 2019 at 9:29 AM

    Please try adding the following CSS code to the form so that the labels should be displaying properly.

    .form-label.form-label-auto {

    width: auto;

    }

    Thanks!

  • dpceo
    Replied on April 1, 2019 at 9:59 PM

    It works, thank you. 

    What about sub-label? One of the sub-label is also looking skewed. If you can give me auto-width for sub-label, it would be great. 

    Thanks

  • Kiran Support Team Lead
    Replied on April 1, 2019 at 10:47 PM

    I see that the sub-labels on your form are displayed normally.

    155417305902042019 080442 Screenshot 10

    If you are referring to the sub-label for the File upload field, please try disabling the Shrink option for the advanced section of the file upload field.

    Thanks!

  • StreamlineWA
    Replied on April 3, 2019 at 1:37 AM

    That is correct that some of sub-label displays nicely but some doesn't. In particular the sub-label for file upload element. I have tried enable/disable shrink option and it doesn't fix the issue..

  • BJoanna
    Replied on April 3, 2019 at 4:01 AM

    It seems that you deleted your form. I inspected the other forms on your account but the File Upload fields do not have sub-label. If you still have an issue with sub-labels, please provide us a link of a form you are working on. 

  • StreamlineWA
    Replied on April 3, 2019 at 4:06 AM

    Hello, 

    Please find the link here: https://form.jotform.co/StreamlineWA/submission_only_form

    I've added sub-label for file upload element.

    Thanks

  • roneet
    Replied on April 3, 2019 at 7:54 AM

    Do you want the sub-labels to appear in this format?

    Some of the question labels on my form is not displayed in one line Image 10

    If yes, then please inject the following CSS in your Form Designer:

    #label_pleaseAttach53 {
    width: 650px;
    }

    If you are referring to something else then do let us know.

    Thanks.