Is it possible where I have check box labels

  • turboChyll
    Asked on May 18, 2016 at 6:45 AM

    Is it possible where I have check box labels such as "Not to exceed parts cost" or "Urgency" to include a sub label underneath to say "Select One"

     

    Like:

    Urgency

    (select one)

  • Charlie
    Replied on May 18, 2016 at 11:23 AM

    Unfortunately, there's no option to add sub labels on the check boxes.

    You could add a "Hover Text" to assist or inform your users.

    Is it possible where I have check box labels  Image 1 Screenshot 60

     

    However, there are ways on how to aesthetically add sub labels on your check boxes.

    Method 1: Simply add it directly in the label name and use some HTML tags. Below is a screenshot of my example, I basically just added <br><sub>(Select One)</sub>

    Is it possible where I have check box labels  Image 2 Screenshot 71

    Press enter, this is how it looks like:

    Is it possible where I have check box labels  Image 3 Screenshot 82

    Please do note that if you edit that label the HTML tags will be stripped out. 

     

    Method 2: You'll see custom CSS code. Here's an example:

    #label_33:after {

        content : "\A(Select One)";

        white-space: pre !important;

        font-size: 11px !important;

    }

     

    #label_33:after is basically the ID for the label "Not To Exceed Parts Cost" and we want to add the sub label after it. 

    content: "\A(Select One)" is used to denote an end of the line and you need to add the text here.

    white-space: pre is to move the content to the next line

    font-size: 11px is to make it more like a sub label font size

    Here's a screenshot on how I added it in my Form Designer Tool:

    Is it possible where I have check box labels  Image 4 Screenshot 93

     

    This is how it looks like when you use the custom CSS code:

    Is it possible where I have check box labels  Image 5 Screenshot 104

     

    You just need to basically change the label ID and the attribute content in my CSS code, and everything should work correctly like a sub label text.

    Let us know if you need more help on this.