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 draw an horizontal line

    Asked by Montec on December 09, 2015 at 02:02 PM
    horizontal line horizontal how line HR
  • Profile Image
    JotForm Support

    Answered by Boris on December 09, 2015 at 04:12 PM

    The easiest way to add a horizontal separator line between form fields is to add a Text field (found under Form Tools) between them, and click on its Edit HTML button in order to edit it:

    In the editor that opens, just click on the Horizontal Line button - the second button of the toolbar. This will add a horizontal line in the field, but we will still have a paragraph with the default text "Double-click to edit this text..." in it. In order to remove this as well, I would recommend also clicking on the Source Code button - the very first button in the toolbar:

    This will open the source, and you can remove everything except the <hr /> part. Click on OK, and then click on Complete to close the Text field with the changes applied:

    You will end up with a simple horizontal line on your form:

    Please let us know if you need any further clarifications or assistance, and we will be happy to help.

  • Profile Image

    Answered by Montec on December 10, 2015 at 12:45 PM
    Thanks I cant find the EDIT HTML button please send screenshot.
    Saludos
    Jorge Monjaraz
    MONTEC
    (442) 213 6635
    www.montec.com.mx
    De: JotForm
    Responder a:
    Fecha: Wednesday, December 9, 2015 at 15:12
    Para: JORGE MONJARAZ PASTRANA
    Asunto: Re: How can I draw an horizontal line

    New response received




    A new response has been received:
    /www.jotform.com>



    Answered by Boris


    The easiest way to add a horizontal separator line between form fields is to
    add a Text field (found under Form Tools) between them, and click on its
    Edit HTML button in order to edit it:
    In the editor that opens, just click on the Horizontal Line button - the
    second button of the toolbar. This will add a horizontal line in the field,
    but we will still have a paragraph with the default text "Double-click to
    edit this text..." in it. In order to remove this as well, I would recommend
    also clicking on the Source Code button - the very first button in the
    toolbar:
    This will open the source, and you can remove everything except the
    part. Click on OK, and then click on Complete to close the Text field with
    the changes applied:
    You will end up with a simple horizontal line on your form:
    Please let us know if you need any further clarifications or assistance, and
    we will be happy to help.




    View this thread on browser

    Unsubscribe Thread
    0c1dd25bed3855a5b397ba53b3a8548&unsubscribe=>

    1449695575

    ...
  • Profile Image
    JotForm Support

    Answered by Boris on December 10, 2015 at 01:05 PM

    Hello.

    If you are having problems seeing the images in your email, I would highly recommend opening this thread directly in your web browser:

    http://www.jotform.com/answers/721541

    Your web browser should be able to correctly display the images.

    When it comes to the Edit HTML button missing for your Text field, there is also an alternative way that is just as effective about creating the horizontal line.

    1. When you add a Text field onto your form, you can click on the big HTML button at the top toolbar of our Form Builder - the button that has a letter T as its icon. Please refer to the image below as visual reference:

    2. By clicking on the HTML button, a small popup will open. Please replace all content in that popup with just the following:

    <hr>

    3. Click on the green OK button to save the change to the Text field. Please refer to the image below for visual guidance:

    This will result in the same horizontal line as the method described earlier. Your horizontal line should end up looking as in this image:

    Please let us know if you are having any difficulties with this, and we will do our best to help.

  • Profile Image

    Answered by Montec on December 10, 2015 at 01:45 PM
    Gracias Boris Done!
    now my form is perfect
    https://form.jotform.co/53425258403856
    Saludos
    Jorge Monjaraz
    MONTEC
    (442) 213 6635
    www.montec.com.mx
    De: JotForm
    Responder a:
    Fecha: Thursday, December 10, 2015 at 12:05
    Para: JORGE MONJARAZ PASTRANA
    Asunto: Re: How can I draw an horizontal line

    New response received




    A new response has been received:
    /www.jotform.com>



    Answered by Boris


    Hello.
    If you are having problems seeing the images in your email, I would highly
    recommend opening this thread directly in your web browser:
    http://www.jotform.com/answers/721541
    Your web browser should be able to correctly display the images.
    When it comes to the Edit HTML button missing for your Text field, there is
    also an alternative way that is just as effective about creating the
    horizontal line.
    1. When you add a Text field onto your form, you can click on the big HTML
    button at the top toolbar of our Form Builder - the button that has a letter
    T as its icon. Please refer to the image below as visual reference:
    2. By clicking on the HTML button, a small popup will open. Please replace
    all content in that popup with just the following:

    3. Click on the green OK button to save the change to the Text field. Please
    refer to the image below for visual guidance:
    This will result in the same horizontal line as the method described
    earlier. Your horizontal line should end up looking as in this image:
    Please let us know if you are having any difficulties with this, and we will
    do our best to help.




    View this thread on browser

    Unsubscribe Thread
    0c1dd25bed3855a5b397ba53b3a8548&unsubscribe=>

    1449770741

    ...
  • Profile Image
    JotForm Support

    Answered by Boris on December 10, 2015 at 01:56 PM

    You are most welcome, I'm glad to hear that you are happy with the result. :)

    If you ever run into any snags while setting up your forms, or if you need any other assistance, please don't hesitate to open a new support thread about it. We will be happy to help.

    Kind regards