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

    How can I add multiple lines in a sub heading field?

    Asked by myroncampbell on October 23, 2016 at 07:29 PM

    I want to put multiple lines in the sub-header. Previously I was able to embed command, but that is no longer interpretted.

    heading multiple lines sub in
  • Profile Image
    JotForm Support

    Answered by seth on October 24, 2016 at 03:27 AM

    Could you please supply us the details about the issue like in which form you want subheadings to have multiple lines or name of fields that should have multiple lines? 

    Right now I can only suggest you to make changes on your source code according to your needs. Please note that when you start using your source code, you need to update it every time you made a change on your form.

    Waiting for your response.

    Regards.

  • Profile Image
    JotForm Support

    Answered by seth on October 24, 2016 at 05:11 AM

    I worked on the issue a little bit further. You can insert the below code to get a line break in subheadings. However you need to define width property according to your needs. 

    .form-subHeader {

    width: 10px;

    white-space: normal;

    }

    Here is a demonstration:

    This code applies style to all subheadings. Yo can apply styles to subheadings individually. In this case you need to inspect elements from form source code and you need to define css accordingly. 

     

    The code for styling single element:

    #subHeader_22 {

    width: 10px;

    white-space: normal;

    }

     

    I hope this helps.

    Cheers.