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

  • Profile Image
    RogerYelvington01
    Asked on March 09, 2017 at 04: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

  • Profile Image
    RogerYelvington01
    Answered on March 09, 2017 at 04: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.

  • Profile Image
    Kiran
    Answered on March 09, 2017 at 09: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.

    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:

    #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.  

  • Profile Image
    RogerYelvington01
    Answered on March 09, 2017 at 03: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!

  • Profile Image
    Kiran
    Answered on March 09, 2017 at 04:24 PM

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

    Thank you for your patience.

  • Profile Image
    Kiran
    Answered on March 15, 2017 at 07: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!