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 to add a line break in the Header?

    Asked by menstrom on April 11, 2017 at 11:30 PM
    I tried to do this (I would like my form header to be two lines centered), but it doesn't work.  The <br> disappears when I click off the header box and it does not break in the middle of the line where the <br> was inserted.
  • Profile Image

    Answered by Ian on April 12, 2017 at 02:59 AM

    Could you let us know on which form you are facing the issue. I checked your account and found only one form https://www.jotform.com/71007445107144 which is blank.

    Moreover, the Form Builder previously allowed HTML tags to be used with the headers and labels. However, due to security concerns, it appears our Developers opted to disallow HTML tags (e.g. to prevent XSS and other kinds of vulnerabilities). This approach was meant for everyone else's security, not just us.

  • Profile Image

    Answered by menstrom on April 12, 2017 at 09:28 AM

    Ian,

    You've actually hit on another problem I've been having that no one at JotForm support can figure out.  That is the fact that in my account you now cannot see all my forms, but you used to be able to because my account was tied to the shared folder I work in, but now it is not.  A few weeks ago, I suddenly began being directed to a "My Forms" folder.  I didn't want that, and before that, when I would go into JotForm (or click on the "Back to My Forms" button), it would automatically go into the folder where all of my forms are located, which is here:

    Now it goes to that My Forms folder which is empty.  How can I reset my account to go to the Shared With You folder instead?  I know that is a separate issue, but I wanted to address it here because you just discovered the problem so I thought maybe you will be able to help me figure it out.

    Anyway, the form I would like to have a two-line header in has not been published yet.  But you can look at one of my other forms, such as this one:

    https://form.jotform.com/61054701244142

    I would like to have the word "for" on the second line but it doesn't wrap that way because it doesn't get to the end of the line until the word "Undergraduate" and it wraps at that point instead.

    Thanks,

    Marilyn

  • Profile Image
    JotForm Support

    Answered by Jim_R on April 12, 2017 at 11:16 AM

    Hey Marilyn - Just like how it was explained by my colleague, HTML codes/tags are now restricted in the Form Builder for security reasons (both for you as the user and us).

    As a workaround, use a field that was meant to be used for this task - The Text (HTML) Field.

    The Text Field can be used if you wish to enter HTML tags on your form. Here's a cloned copy of your form https://www.jotform.com/71014456938964 where you can see a Text Field that I added at the top (I left your original header intact for comparison).

    And here are the HTML codes I used to achieve that line break and mimic the header styling:

    <p style="font-size: 2.143em; font-family: inherit; font-weight: bold; text-align: center;">2016-2017 Wheaton College Financial Aid Application<br /> for Undergraduate Students</p>

    Place these codes on the SOURCE CODE section of the Text Field as highlighted on my screenshot above.

  • Profile Image

    Answered by menstrom on April 12, 2017 at 11:49 AM

    Jim,

    That did the trick!  My headers are now breaking where I need.

    Thanks!

    Marilyn

  • Profile Image
    JotForm Support

    Answered by Jim_R on April 12, 2017 at 12:54 PM

    Glad that helped! You could re-use this workaround, in theory, to any form and all you need to do is update the text/wording of the HTML codes, then change where you want the line break <br /> located.

    Should you need more help, just open a new thread so we can assist you.