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.
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.
Is it possible to make the text smaller or a different color for this sub
You can inject this css code to change the color of the sub-label and make the text smaller.
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
I'm trying to do the same thing, but not having any success. Works within Jotform, but not once I publish it.
It seems that you have already found that <sub> tag is no longer supported, but this is still possible to use a sub label span tag as an alternative.
Option 1<span class="form-sub-label">Sublabel</span>
Option 2<span class="form-sub-label">Sublabel</span>
Option 3<span class="form-sub-label">Sublabel</span>