How to have check box in text?

  • crawley_patrick
    Asked on December 13, 2017 at 11:21 PM

    Hello, I was wondering if I could type a paragraph up and include multiple checkboxes in the text?

    The children will reside with 􀂆 Mother 􀂆 Father for the first half of the December Holiday vacation in 􀂆 even 􀂆 odd years 􀂆 every year, and with the other parent the remainder of the vacation.

    Obviously the "􀂆" would be a checkbox.

    I just upgraded and it would be super helpful if I had this capability.

    Thanks so much for your hlep.

  • Nik_C
    Replied on December 14, 2017 at 3:26 AM

    We don't have a built-in solution for the field you need, we could make something and adjust with CSS.

    Let me create a demo for you. I will get back to you shortly.

    Thank you!

  • Nik_C
    Replied on December 14, 2017 at 4:03 AM

    I was able to create this demo form: https://form.jotform.com/73471705665967

    1513242026Screen Shot 2017 12 14 at 10 Screenshot 10

    Please check and let us know if that is what you had in mind.

    Thank you!

  • crawley_patrick
    Replied on December 14, 2017 at 3:03 PM

    Yes, that is perfect, how can I put this into my form?

  • Nik_C
    Replied on December 14, 2017 at 4:43 PM

    Well, I used text fields and multi

    1513287411Screen Shot 2017 12 14 at 10 Screenshot 10

    I just inserted each checkbox with Multiple Choice field and each text section with Text field, then I adjusted their position with this CSS:

    div#cid_10 {

        margin-top: -131%!important;

        margin-left: -378%!important;

    }

    div#text_5 {

        margin-left: 70px!important;

    }

    div#cid_11 {

        margin-left: -515%!important;

        margin-top: -142%!important;

    }

    div#cid_12 {

        margin-top: -172%!important;

        margin-left: -65%!important;

    }

    div#cid_13 {

        margin-left: 350%!important;

        margin-top: -157%!important;

    }

    div#cid_14 {

        margin-left: 257%!important;

        margin-top: -146%!important;

    }

    div#text_9 {

        margin-top: -12%!important;

    }

    I inserted it in Custom CSS field: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Now, if you insert the fields I mentioned above, they will not have the same ID like mine, but you can check it by following: https://www.jotform.com/help/146-How-to-Find-Field-IDs-and-Names

    If you need any assistance we can also help you implement the above solution, just let us know.

    Thank you!