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 place a horizontal line in the form?

    Asked by rickvv on May 30, 2013 at 09:04 AM

    Looking to insert a horizontal rule between form components for legibility and dividing the sections, but I can't quite find the right step on how to do that?

    Thanks,

    rickvv

    Page URL:
    http://jotform.us/form/31406685438156

    horizontal horizontal line horizontal space line break
  • Profile Image
    JotForm Support

    Answered by Morian on May 30, 2013 at 09:18 AM

    Hello!

    In between the fields you would like to separate, under the POWER TOOLS, please click on FREE TEXT(HTML). Then, please click on Edit HTML

    Then, please insert this code: 

     

     

     

     

    Click on Complete.

    ..this will result in a white horizontal rule.

     

    You can change the color, width, and size of the rule as well using CSS codes. Thanks!

  • Profile Image

    Answered by rickvv on May 30, 2013 at 05:10 PM

    That was too easy! I looked at that Free Text box, and I have used it fomr something else, but this is perfect Thanks!

    -rickvv

  • Profile Image
    JotForm Support

    Answered by EltonCris on May 30, 2013 at 09:33 PM

    @rickvv 

    On behalf of my colleague, you're welcome.

    Cheers!

  • Profile Image

    Answered by tturiano on January 12, 2016 at 06:19 PM

    Hello,

    I would also like to place horizontal rules, but do not see "Power Tools" on my interface. Perhaps the interface has changed?

    thanks, Tom

  • Profile Image

    Answered by Rickvv on January 12, 2016 at 08:30 PM

    Under your Form Tools menu area, insert "Text Area", then click the "Edit HTML" button and insert the code for horiz rule "<hr/>"

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 12, 2016 at 09:36 PM

    @Rickvv

    Thanks, but it was not actually the text area instead of just Text. :)

    @tturiano and to everyone on this thread

    Please use the Text Tool, it's under Form Tools. Then enter <hr/> as shown on Rickvv's screenshot.

    Or you guys can use the Basic Separator. It's quick and easy.

    Cheers!

  • Profile Image

    Answered by Rickvv on January 13, 2016 at 07:10 AM

    (Of course it was "text"! Not sure what I was thinking...I was looking right at that :)

    Thanks!