How to remove red asterisk for some fields on the form?

  • RogerYelvington01
    Asked on March 9, 2017 at 4:10 AM

    Hi Guys!

     

    I would like to make the following update on this form, and am having trouble with it:

    https://form.jotform.com/51455689063968

    1. Remove the red asterisk labels from:
    #input_19_0
    #input_49_0
    #input_42
    #input_57

     

    Thank you,

    Roger

  • RogerYelvington01
    Replied on March 9, 2017 at 4:35 AM

    Also, in 
    #input_42
    #input_57

    I not only want to remove the asterisk, but I would like to hide the question text/label without removing it.

  • Kiran Support Team Lead
    Replied on March 9, 2017 at 9:33 AM

    If you do not want the fields to be a required field, you may consider turning off the Required option for the fields from its properties.

    How to remove red asterisk for some fields on the form? Image 1 Screenshot 30

    If you want the fields to be required and do not want to show the asterisk, please let us know. This may be done by injecting some custom CSS code to the form.

    I would like to hide the question text/label without removing it.

    If you want to hide the labels of any field, you may find the field ID from the browser inspector and inject the CSS code as shown below in the sample code:

    How to remove red asterisk for some fields on the form? Image 2 Screenshot 41

    #label_42, #label_57 {

    display: none;

    }

    Hope this information helps! Let us know if you need any further assistance. We will be happy to assist.  

  • RogerYelvington01
    Replied on March 9, 2017 at 3:13 PM

    hello!

     

    Yes, that's correct, I would like to require the fields but hide the red asterisk.  Please provide the CSS code, thank you!

  • Kiran Support Team Lead
    Replied on March 9, 2017 at 4:24 PM

    Please allow me some time to check on this and get back to you with relevant information. 

    Thank you for your patience.

  • Kiran Support Team Lead
    Replied on March 15, 2017 at 7:45 AM

    I am sorry for the delay. Here is the CSS code that you may inject to the form to hide the asterisk mark and the labels of the specified two fields.

    #label_19 .form-required, #label_49 .form-required, #label_42 .form-required, #label_57 .form-required, #label_42, #label_57 {

        display: none;

    }

    Hope this information helps!