What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    sub label text wrapping

    Asked by UoNSU on July 05, 2013 at 08:04 AM

    hi

    I am trying to wrap sub label tect using custom css.  This works for the first long sub label I have and not for any of the subsequent sub labels.  
    Please can you tell me what I'm dong wrong?? 

    Page URL:
    http://www.jotform.com//?formID=31763347286966

    label sub labels
  • Profile Image
    JotForm Support

    Answered by KadeJM on July 05, 2013 at 10:22 AM

    Hi, I took a quick glance at your CSS and it looks like you are trying to break it up some and make the font a different color and size? Is that correct or could you please provide us with further details about exactly what you are trying to do so we can better assist you?

  • Profile Image

    Answered by UoNSU on July 05, 2013 at 10:33 AM

    i am trying to make the sub label text larger and white - hat is working across the form. I just want the text to wrap on all the sub labels rather than disappearing off the page

  • Profile Image

    Answered by jefreylandicho on July 05, 2013 at 11:20 AM

    Please try using the CSS code below

    .form-sub-label {
    width:600px;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    }

    You can also wrap it with the code below

    .form-sub-label-container {
    display:block;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    }

    Note that it would also affect the calender as it uses a sub label for its year month and date text