I want to divide my form into sections with a horizontal dotted line

  • Profile Image
    nicrigden
    Asked on May 02, 2013 at 04:58 AM
  • Profile Image
    jonathan
    Answered on May 02, 2013 at 06:17 AM

    Hi,

    You can add a Free Text(HTML) field and add the code <HR dotted for separator.

    Something like this

     

     

    This is the code I used

    <hr style="color:#666666;border:dashed;">

    This is the test form

    http://www.jotformpro.com/form/31212768191957?

    Hope this help. Please inform us if you have more question.

    Thanks.

  • Profile Image
    pinoytech
    Answered on May 02, 2013 at 07:54 AM

    Hi nicrigden,

    For some reasons, your response came out empty. Can you please post it again using this link? http://www.jotform.me/answers/212267-I-want-to-divide-my-form-into-sections-with-a-horizontal-dotted-line#1

    Thank you!

  • Profile Image
    abajan
    Answered on May 02, 2013 at 08:23 AM

    @nicrigden

    Did you see the clone to which I referred in my first reply to your other thread about this form? I'm asking this because just a few adjustments to the clone's CSS (and by extension, your form's CSS) would accomplish your goal without the need for additional form elements (free text).

  • Profile Image
    nicrigden
    Answered on May 02, 2013 at 09:10 AM

    Hi yes I did see the clone, it was just what I wanted thanks. But I couldn't see the CSS code you used so I couldn't transfer it to my form.

  • Profile Image
    abajan
    Answered on May 02, 2013 at 09:16 AM

    Sorry about that. Here it is:

    .form-header {
    text-align: center;
    }

    .form-sub-label {
    color: #030303;
    }

    #id_81, #id_82, #id_83, #id_84,
    #id_85, #id_86, #id_87, #id_88,
    #id_89, #id_90, #id_91, #id_92,
    #id_93, #id_94, #id_95, #id_96,
    #id_97, #id_98, #id_78 {
    border-bottom: 2px dotted #000;
    }

    I've made the adjustments to which I earlier referred but it can be tweaked more to suit your preference. Just let us know.

    Cheers

  • Profile Image
    nicrigden
    Answered on May 02, 2013 at 10:18 AM

    That's great Thanks for your time