How Do I Hide the Label of a Field?

  • boxclub
    Asked on October 27, 2015 at 4:32 PM
  • abajan Jotform Support
    Replied on October 27, 2015 at 7:04 PM

    Hi,

    From examining your form, I think you're actually referring to the labels of its two matrices. If that's the case, please do the following:

    1. Copy the following code to your computer clipboard:

    #label_18, #label_25 {
       display: none;
    }


    2.
     Open the form in the form builder and llick the Designer button:

    How Do I Hide the Label of a Field? Image 1 Screenshot 50


    3.
    When the designer loads click the CSS tab:

    How Do I Hide the Label of a Field? Image 2 Screenshot 61


    4.
    Paste the code into the CSS tab's work area (indicated by the second arrow above)

    5. Save the form:

    How Do I Hide the Label of a Field? Image 3 Screenshot 72


    Please see this guide on finding out the IDs of various elements. You will find nether label_18 nor label_25 in the properties of the matrices. However, the properties will show the numbers 18 and 25 respectively:

    How Do I Hide the Label of a Field? Image 4 Screenshot 83


    The label of each of the form's fields has an ID that starts with label_. So, you would just append the number to target the respective field's label. That's why the selector in the rule in step 1 targets the labels of the matrices.

    If you need further help with this or anything else, do inform us.

    Cheers