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

  • Profile Image
    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

  • Profile Image
    Nik_C
    Answered on March 10, 2018 at 04: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!

  • Profile Image
    ostepar
    Answered on March 12, 2018 at 03:40 AM

    Thank you, yes please let me know.

    Looking forward :)

  • Profile Image
    Nik_C
    Answered on March 12, 2018 at 06: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.4

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

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

    Hope it helps.

    Let us know if you have any further questions.

    Thank you!

  • Profile Image
    ostepar
    Answered on March 13, 2018 at 07: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

  • Profile Image
    Richie_P
    Answered 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.



  • Profile Image
    ostepar
    Answered on March 13, 2018 at 01:10 PM

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

  • Profile Image
    Richie_P
    Answered on March 13, 2018 at 02: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.