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 sub label to a check box option

    Asked by athdept on January 28, 2016 at 11:23 AM

    Is there a was to add a sub label to a checkbox option?

    label check sub label sub
  • Profile Image
    JotForm Support

    Answered by Charlie on January 28, 2016 at 01:26 PM

    Unfortunately, it is not possible to add a sub label text on the check box field. It might not be the same with the sub label but you can use the "Hover text" instead?

    However, I have a workaround in mind that you may used:

    1. First, create an HTML code that will be used in your check box label and sub label. In my case, this is what I am using:

    <p>Main Label</p><sub>Sub label</sub>

    2. Paste it on your check box's label. I set the label align to top.

    3. This is how it looks like: https://form.jotform.com/60275130071948 

    However, every time you edit the label on that check box, the HTML code will be stripped. You need to paste the HTML code again.

    If you want to have a sub label on each option in the check box field, then the same approach can be applied, only difference is that you are adding the HTML code in the "Options" list.

     

    Let us know if that works.

  • Profile Image

    Answered by athdept on January 28, 2016 at 03:45 PM
    That's helpful...thanks!
    ...
  • Profile Image

    Answered by athdept on January 28, 2016 at 04:45 PM
    Is it possible to make the text smaller or a different color for this sub
    label?
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on January 28, 2016 at 10:57 PM

    You can inject this css code to change the color of the sub-label and make the text smaller.

    sub {

     color: red;

     font-size: 8px;

    }

    You can change the color to any color you prefer. To change the height, simply change the value of the font-size.

    Here's a guide on how to inject css code: How to Inject Custom CSS Codes