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

  • Profile Image
    dpceo
    Asked on April 01, 2019 at 05: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?

    Screenshot
  • Profile Image
    Kiran
    Answered on April 01, 2019 at 09: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!

  • Profile Image
    dpceo
    Answered on April 01, 2019 at 09: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

  • Profile Image
    Kiran
    Answered on April 01, 2019 at 10:47 PM

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

    155417305902042019_080442.png

    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!

  • Profile Image
    StreamlineWA
    Answered on April 03, 2019 at 01: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..

  • Profile Image
    BJoanna
    Answered on April 03, 2019 at 04: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. 

  • Profile Image
    roneet
    Answered on April 03, 2019 at 07:54 AM

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

    15542923751.PNG

    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.