-
dpceoAsked 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?
-
Kiran Support Team LeadReplied 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!
-
dpceoReplied 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 LeadReplied on April 1, 2019 at 10:47 PM
I see that the sub-labels on your form are displayed normally.
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!
-
StreamlineWAReplied 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..
-
BJoannaReplied 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.
-
StreamlineWAReplied 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
-
roneetReplied on April 3, 2019 at 7:54 AM
Do you want the sub-labels to appear in this format?
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.