Sublabel: not wrapping on the form

  • rtolmach
    Asked on December 30, 2017 at 8:50 PM

    Hi

    Our form is

    https://www.jotform.com/build/73577684784174 

    The sublabel for the question, "How buyers can contact you. . ."

    does not wrap, so it goes right off the form here:

    https://form.jotform.com/73577684784174

    even though it wraps OK in build mode.


    I sent a note a few minutes ago about the sublabel on the date field being too narrow (width of date field instead of width of other fields), so it needlessly wraps to other lines. After I changed some other (totally unrelated) things on the form, that fixed itself.


    Seems like sublabels are being goofy.

    Thanks!

    Thanks

    Robert

    https://www.jotform.com/build/73577684784174/settings/conditions#preview




  • rtolmach
    Replied on December 30, 2017 at 8:51 PM

    OOPS - wrong title on this question. Should have been 

    Wrapping sublabel

    Sorry

  • Kiran Support Team Lead
    Replied on December 31, 2017 at 12:02 AM

    Please inject the following CSS code to your form to align the sub-label text.

    .form-sub-label-container {

    white-space: normal;

    }

    This is how it should be displaying after injecting the CSS code to the form.

    1514696521Selection 007 Screenshot 10

    Thank you!

  • rtolmach
    Replied on December 31, 2017 at 5:59 PM

    Hi

    I tried that (and I hit SAVE), but it did not work.

    Thanks

  • Nik_C
    Replied on January 1, 2018 at 4:13 AM

    I checked your form and the sublabel is showing as my colleague showed:

    1514797792Screen Shot 2018 01 01 at 10 Screenshot 10

    On the left-hand-side is in edit mode, and on right-hand-side is on a preview.

    If you're still experiencing this issue please let us know.

    Thank you!

  • rtolmach
    Replied on January 1, 2018 at 11:53 AM

    Hi

    Thanks for checking.

    The images you show (and that your colleague previously showed) are not the field I asked about. Here is my prior note (yellow highlight added):

    "I sent a note a few minutes ago about the sublabel on the date field being too narrow (width of date field instead of width of other fields)"


    Here it is in preview mode:

    1514825520date wrap 1 (preview) Screenshot 10


    Here it is in published mode:

    1514825568date wrap 2 (published) Screenshot 21


    Thanks!

    best wishes

    Robert

  • Adrian
    Replied on January 1, 2018 at 12:15 PM

    Inject the following CSS code to your form:

    #cid_33 .form-sub-label {
        max-width: 270px;
        width: 270px;
    }

    After that, the label should look like you want it.

  • rtolmach
    Replied on January 1, 2018 at 1:53 PM

    This is odd. I see your reply in the email I received (pasted below the ======== ) but it does not appear in the ticket thread. Well, now it does, from me pasting it in. Maybe there is a glitch in the system that needs to be checked?

    =========================

    From: JotForm [mailto:noreply@jotform.com]
    Sent: Monday, January 1, 2018 12:15 PM
    To: rtolmach@ChangingThePresent.org
    Subject: Re: The sublabel of a field is not wrapping on the form


    A new response has been received:

    JOTFORM Screenshot 10

    Answered by Adrian

    Inject the following CSS code to your form:

    #cid_33 .form-sub-label {
    max-width: 270px;
    width: 270px;
    }

    After that, the label should look like you want it.

  • aubreybourke
    Replied on January 1, 2018 at 2:30 PM

    You obviously replied to our sending email (noreply@jotform.com). If you need to post you should instead email support@jotform.com 

    Or you could log into the forums and post there:

    https://www.jotform.com/answers/