Checkbox Items, Properties/Options

  • Profile Image
    Asked on March 14, 2011 at 05:04 PM

    Re: the checkbox module... I understand that each new line (i.e., line break, not wrapped line) creates a new item selectable item. Is it possible to create a "soft line break" to creates lines of supporting text that will NOT result in a checkbox?



    [BOX] Option 1 text here
    supporting text for option 1 here

    [BOX] Option 2 text here
    supporting text for option 2 here

  • Profile Image
    Answered on March 15, 2011 at 07:57 AM

    Hi there,

    Yes, you can have this formatting done with JotForm. Here's how:

    1) Add the check box items as usual. Then click "Options" in the toolbar.

    2) For each option, insert the following html code: <br> your supporting text for option X . Once finished inserting for all options, click OK.

    3) Save the form.

    Your form will now look like this:

    In step 2, you can customize the supporting text further by changing the font color, size, face, and/or style, like the form below:

    I hope you find this tip useful. Please let us know if you need further assistance.

    Thank you for using JotForm!



  • Profile Image
    Answered on November 09, 2011 at 02:38 PM

    Hi there, thanks for the response to this. The line break <br> trick works great.

    I do have a follow-up question. I'm trying to do the opposite of this now, i.e., creating headings between groups of selections, headings that are not selectable choics:

    [BOX] Option 1
    [BOX] Option 2
    [BOX] Option 3

    [BOX] Option 4
    [BOX] Option 5
    [BOX] Option 6

    Can this be accomplished in JotForm?

    (Thanks in advance! :)

  • Profile Image
    Answered on November 09, 2011 at 03:57 PM

    To my knowledge, that cannot be done in the form builder. The full source of the form would have to be embedded into a web page and edited accordingly. However, if you were to substitute a drop down for the check box field, that can be done, as illustrated in this JotForm blog post.

  • Profile Image
    Answered on November 09, 2011 at 04:28 PM

    Of course, you could also create separate check box fields in the form builder and use a Free Text (HTML) field as the main heading as shown here.

  • Profile Image
    Answered on November 09, 2011 at 08:24 PM

    Incidentally, if the items are wrapped in paragraph tags, CSS can be injected to stop the second line of each item from wrapping below its check box, as illustrated in this form. If you clone it, you will be able to see that the items in the "Options" box of each check box field are indeed paragraphs and you can also have a look at the form's injected CSS.