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

    Add Line Between Checklist Choices

    Asked by drjax on November 16, 2014 at 10:16 PM

    My Adult Online Intake form needs lines at some points in the list of symptoms.  Here's what I need....


    Is this possible?


  • Profile Image

    Answered by DarkFx on November 16, 2014 at 11:15 PM


    It's possible, you can use the widgets future of the form, please follow instructions below.


    1. Go to your form click Widgets then type "Form Separator" on the textbox field like the Screenshot below.



    2. Click the "Form Separator" widget and you can see the Form Separator Settings like the Screenshot below.



  • Profile Image

    Answered by drjax on November 16, 2014 at 11:43 PM

    Hi DarkFx,

    Thanks for your prompt response.  Unfortunately, it doesn't work for me.  I am using a checkbox control, but adding many items to it.  The Form Separator will not allow me to separate items within the same field.  Take a look  at my Adult Intake input 110.  It may help you understand.  I wish there was a simple line draw option.  Please tell me if I'm missing something.


  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 17, 2014 at 08:52 AM

    Hello jack,

    I am not sure how to add a line within the checkbox options. 

    But you can anytime manually add a line "__" (underscores ) as check box options. We can then hide the check box of this underscore by injecting custom css code.

    Here are the steps you should follow:

    1. Add underscores to create a line as your check box options.

    2. Find the field id of that option.

    3. Inject the custom css code to hide that check box control of that option.





    You can change the "#input_3_1" with the field id of your check box option.

    Please check the screenshot below on how to do this:

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by DarkFx on November 17, 2014 at 09:15 AM

    Hi Jack,

    Here is another way to add line below the checkbox.


    Please add this CSS code to your Form Styles.


    .form-radio-item, .form-checkbox-item {
    margin-bottom: 6px;
    padding: 0 0 6px 0;
    margin-top: 0;
    border-bottom: 1px solid #000;
    width: 690px;

    To add your style follow this guide, How to Inject Custom CSS Codes.


    Also, please change the "width" with your form width. :)


    Demo: http://form.jotform.me/form/43198570216457


    Hopefully that will work!