Hiding labels but not from Email Options

  • coffygroup
    Asked on November 11, 2015 at 5: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? 

  • jonathan
    Replied on November 11, 2015 at 6: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;

    }

    Hiding labels but not from Email Options Image 1 Screenshot 50

    Make sure the labels are not blank/empty

    Hiding labels but not from Email Options Image 2 Screenshot 61

     

    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

    Hiding labels but not from Email Options Image 3 Screenshot 72

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

    Hiding labels but not from Email Options Image 4 Screenshot 83

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

     

     

     

     

     

     

  • coffygroup
    Replied on November 11, 2015 at 6:30 PM

    Awesome, thank you! 

     

  • jonathan
    Replied on November 11, 2015 at 7:42 PM

    You are quite welcome :) 

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

     

    Cheers

     

  • duqadmin
    Replied on January 19, 2016 at 9: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?

    Example:

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

    I want to hide the number portion, if possible.

     

  • Kiran Support Team Lead
    Replied on January 19, 2016 at 11:41 AM

    @rlzolinas

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

    http://www.jotform.com/answers/748886

    Thank you!