How to hide Required field asterisk indicator in the form

  • Profile Image
    terrafertile
    Asked on September 08, 2014 at 06: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.

     

  • Profile Image
    jonathan
    Answered on September 08, 2014 at 07: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.

    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

    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!

     

     

  • Profile Image
    terrafertile
    Answered on September 09, 2014 at 08: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.

  • Profile Image
    ashwin_d
    Answered on September 09, 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!