How to hide Required field asterisk indicator in the form

  • terrafertile
    Asked on September 8, 2014 at 6:05 PM

    Hi there.

    The special character (*) is being displayed on the top of the phrase. Why is this happening?

    How do I correct this, please?

    Thanks a lot.

    Bárbara.

     

    How to hide Required field asterisk indicator in the form Image 1 Screenshot 20

  • jonathan
    Replied on September 8, 2014 at 7:43 PM

    Hi Barbara,

    That red asterisk(*) is the *Required field indicator on the form. Since you have set field as required, they will have such indicator.

    How to hide Required field asterisk indicator in the form Image 1 Screenshot 30

    You can try adding this CSS code into your form http://www.jotformz.com/form/42477467928673

    .form-required {

    visibility: hidden;

    }

    to hide the asterisk(*) indicator.

    Follow this user guide http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    How to hide Required field asterisk indicator in the form Image 2 Screenshot 41

    Here is my test form you can check after I have added the CSS code.

    http://form.jotform.me/form/42507053256450?

     

    Please inform us if you need further assistance.

    Thanks!

     

     

  • terrafertile
    Replied on September 9, 2014 at 8:05 AM

    Hi, Jonathan.

    Once removing the the asterisk indicator I didn´t need to turn off the feature "required field". That´s what I wanted indeed.

    Thanks a lot.

    Bárbara.

  • Ashwin JotForm Support
    Replied on September 9, 2014 at 10:28 AM

    Hello Bárbara,

    Yes if you still want the field to be required but do not want the "*" to be displayed, you do not have to turn off the feature.

    The custom css code shared by my colleague will hide the "*" from the form fields.

    Thank you!