Is it possible to add Placeholder to E-mail Validator widget?

  • ostepar
    Asked on March 10, 2018 at 12:45 PM

    Hi Jotform Team,

    please is it possible to add Placeholder to E-mail Validator input field?

    It would be really useful. I tried to do it by changing CSS and HTML and embed the code to my website but it is not working. 

    Is it possible? If not could you please enable this feature? 

    Thank you so much in advance.

    Martin

    Jotform Thread 1411191 Screenshot
    Page URL: https://form.jotformeu.com/80402648694361
  • Nik_C
    Replied on March 10, 2018 at 4:56 PM

    Unfortunately, I wasn't able to find a CSS that will add the placeholder to Email validator widget.

    I'm not sure if it is possible to do that with clean CSS or if it requires using of JavaScript as well.

    I'll try to check some other solutions as well and I'll get back to you.

    Thank you!

  • ostepar
    Replied on March 12, 2018 at 3:40 AM

    Thank you, yes please let me know.

    Looking forward :)

  • Nik_C
    Replied on March 12, 2018 at 6:22 AM

    I'm afraid this is not possible because of the way how that field is defined, and it is defined as input field in HTML:

    1520848075Screen Shot 2018 03 12 at 10 Screenshot 10

    So you can not target it with CSS to set placeholder in it.

    The selected element MUST be a container tag. An empty tag like <input> doesn't have any children element so :before pseudo element, that is usually used for setting the placeholder with CSS, will not work.

    This could be achieved with JavaScript, but that is not possible to do in our Form Builder.

    It is possible with regular email field:

    1520849960Screen Shot 2018 03 12 at 11 Screenshot 21

    Since there is an option for that.

    And there are certain limitations that you can set as well:

    1520850082Screen Shot 2018 03 12 at 11 Screenshot 32

    Hope it helps.

    Let us know if you have any further questions.

    Thank you!

  • ostepar
    Replied on March 13, 2018 at 7:32 AM

    Thank you Nik for your help. However it is essential for me to have email validation.

    Is there possibility to forward this to dev team so they add placeholder function to it?

    It should be really simple to implement since you have already this feature in other fields and widgets.

    Thank you so much. :)

    Martin

  • Richie JotForm Support
    Replied on March 13, 2018 at 11:02 AM

    I have forwarded your feature request to our developers. If they deem it feasible to apply then we will let you know via this thread.



  • ostepar
    Replied on March 13, 2018 at 1:10 PM

    Thank you Richie. It would help me a lot if they would do it.

  • Richie JotForm Support
    Replied on March 13, 2018 at 2:28 PM

    Yes,  the placeholder on the e-mail verification widget would be a great feature, but it still depends if it is possible to apply.

    We will let you know via this thread if we have updates on the feature request.

    Thank you.