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

    Adding Headlines (or bold titles) to a Checkbox list?

    Asked by riversconservatory on December 05, 2016 at 03:27 PM

    I'm wondering if it's possible to have a check box list of items with a few headlines dividing the items? Or is there a widget that can have headings and subitems?

     

     

    Page URL:
    https://www.jotformpro.com/form/63144951425960

  • Profile Image
    JotForm Support

    Answered by BDAVID on December 05, 2016 at 06:10 PM

    This is possible, you can hide the check box of the label item in order to make it a title, here is the CSS example you can inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #input_30_0{

    display: none;

    }

    #label_input_30_0{

        font-weight: bold;

        font-size: 25px;

    }

    Result:

    Please let us know which items you would like to turn into headings or bold titles, so we can provide you the custom code to accomplish it.

  • Profile Image

    Answered by riversconservatory on December 06, 2016 at 11:47 AM

    Hi thanks -- the three headers I need have asterisks indicated on this form

    https://www.jotformpro.com/form/63144951425960

     

  • Profile Image
    JotForm Support

    Answered by BDAVID on December 06, 2016 at 12:54 PM

    Please inject the following code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #input_30_0,#input_30_5,#input_30_13{

    display: none;

    }

    #label_input_30_0,#label_input_30_5,#label_input_30_13{

        font-weight: bold;

        font-size: 25px;

    }

    Result:

    If you need to reduce the font size, simply reduce the number in the following line: font-size: 25px;

    Let us know if you need more help.