Sub-label lenth is causing input to wrap to the left

  • Profile Image
    mktminc
    Asked on February 01, 2018 at 01:20 PM

    It seems some of the listings I have on my form https://form.jotform.com/80307039707152, are not "aligning left".


    If you look under the wine section, you will see that the first 3 are correctly laid out, the last one Underwood is not.


    How would I be able to get this fixed?


  • Profile Image
    david
    Answered on February 01, 2018 at 02:26 PM

    I checked the field you referenced and it appears to be due to the length of the sub-label:

    1517512734Capture.PNG

    The sub-label is placed under the input and would run off the end of the form.  To compensate, the input is placed on the left to allow for the full sub-label to show.  If you remove the sub-label text, the field correctly aligns with the other options:

    1517512846Capture1.PNG

    If you would like to keep the sub-label text, adding the following code would shrink the sub-label enough to fit:

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

    #cid_167 label.form-sub-label {
        width : 210px;
    }

    Though the text would be on two lines.  Here is my test form to show how it would look:

    https://form.jotform.com/80315806221952