Hiding labels but not from Email Options

  • Profile Image
    Asked on November 11, 2015 at 05:20 PM

    Hi Guys, 

    We often hide field labels and use the suggested text for the label, but this leads to a problem when setting the email notification settings as you get a blank dropdown and have to guess at the empty options. It gets even harder when connecting forms with hidden fields with other apps like Constant Contact, as they rearrange the blank options. Is there a way to hide the labels on the front end but be able to identify the fields on the back end? 

  • Profile Image
    Answered on November 11, 2015 at 06:19 PM

    Instead of using the rule Display:None for the labels which causes them to disappear entirely in the Email template, you can use instead Visibility:Hidden rules.

    Like this

    .form-label.form-label-top {

        position : absolute;


    .form-label.form-label-top {

        visibility : hidden;


    Make sure the labels are not blank/empty


    You can apply in your form http://www.jotform.com/52024270543950

    I test it on my cloned form https://form.jotform.com/53146713326957? so it work like this in the Email template

    while the live form, still have the same style from the original you wanted to have.

    Hope this help. Let us know if you need further assistance.







  • Profile Image
    Answered on November 11, 2015 at 06:30 PM

    Awesome, thank you! 


  • Profile Image
    Answered on November 11, 2015 at 07:42 PM

    You are quite welcome :) 

    We're glad to be of help. Contact us anytime should you require assistance on JotForm.




  • Profile Image
    Answered on January 19, 2016 at 09:00 AM

    I have a similar question, I'm looking to hide a portion of the label though. Right now I have probably about 50 conditions set up to select a list of names dependent upon the course that is selected. It would be easy to just remove the course number next to the list of names, but if I had to edit the lists, it would be difficult to find each list, because they would all be named the same (Student Name). Is there somewhere to add the course number so it is hidden, but I can see it when I need to edit it?


    Student Name (009-01)
    Student Name (101E-01)

    I want to hide the number portion, if possible.


  • Profile Image
    Answered on January 19, 2016 at 11:41 AM


    Your question is moved to a separate thread and shall be answered there shortly.


    Thank you!