Asterisk at the end of a checkbox with no label?

  • Profile Image
    Alice Fine 
    Asked on November 12, 2014 at 12:39 AM

    I'd like to make two checkboxes on my form required for submission (my Terms and Conditions and a checkbox stating that the submitter is 18+). I want the labels to be blank, so I filled them in with spaces. However, because the label is hidden and not deleted entirely, the "required" asterisk goes above the checkbox instead of at the end of it, which is ugly. How can I make it so that the asterisk goes at the end of the checkbox? 

    Thank you!

  • Profile Image
    ashwin_d
    Answered on November 12, 2014 at 04:26 AM

    Hello Alice,

    Please inject the following custom css code in your form and see if this is what you wanted to achieve:

    #id_29 span.form-required {

    margin-left: 120px;

    margin-top: 18px !important;

    position: absolute;

    }

    #id_26 span.form-required {

    margin-top: 18px;

    margin-left: 314px !important;

    position: absolute;

    }

    The following guide should help you in injecting custom css code in your form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    The above custom css code should give you output as shown in the screenshot below:

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!

  • Profile Image
    ashwin_d
    Answered on November 12, 2014 at 09:26 AM

    Hello Alice,

    You are welcome.

    I'm very pleased that I was able to help you.

    Do get back to us if you have any questions.

    Thank you!