jarp

Thank you for your response.

You are correct, I wanted to style the text within a placeholder. From what I see in happyforms you have a title field and a text editor field in placeholder part build. If I fill in the title field with text it will not be targetted in my CSS due to the behaviour I described.

If I put text in the text editor IT WILL be targetted in my CSS. It could be my lack of understanding of both fields behaviour until I looked closer at them, I was trying to target the title field text.

In any case I have updated the testsite to reflect what I am explaining here.

Again, thank you very much for your help and kind regards,

JARP

Unfortunately it did not work!.

Inspecting the placeholder field, it is targeted in a label and span from what I saw.

I am also confronting the issue that on the email field, and setting to display as placeholder, once the user inputs data and moves to the next field the placeholder moves down one line and overwrites the text input (on all browsers).

The site is under construction but I set up a test page located at:

https://enersoft.tech/testsite

Kind Regards and thank you,

JARP

Thank you for clearing this!.

It is working as you say. Now, as I mentioned earlier I was able to take care of the title hover messages (at least for current browsers including IE 11) modifying frontend-single-line-text.php.

Is it possible to modify source code by copying files into child theme directory and if so, what is the structure needed?.

Again, thanks for your answer, it´s clear on my end.

Kind Regards,

JARP

Thank you!.

My actual need is that when the user hovers over an input field on the form, the browser should not display it´s standard message. It was suggested to me to change the browser language but my users are non-technical and will most likely have difficulties in doing so.

Digging into the code I found that modifying the source for frontend-single-line-text.php and adding title=” ” will do the trick at least in edge, chrome, opera and Firefox (lastest versions).

This entails risks involved on updates. On the other hand there is no documentation on how to modify the code in my child theme. Copying the function to my child theme (what directory structure needs to be used) is NOT DOCUMENTED. Any suggestions?

I just tried it and it does not work perhalps, I am not understanding the use correctly.

From what I understand of ´novalidate’ is that it applies to whole form so, when clicking on submit button there is no browser validation. If that is the case then the browser is still kicking in and validating (on required fields).

I do need required fields in orther not to have to write javascript validation functions.

I am confused on how the filter actually works except that it would add to the attributes of the form ‘novalidate’.

I am working in wordpress 4.9.9, GeneratePress 2 and GP 1.72. I usually work on localhost before uploading my site.

Kind Regards,

JARP

Thanks for your answer.

Congrats for your great plugin!, it´s the best I have seen and hope future updates will enhance it.

Yes, what you describe is my problem and it is enhanced due to fact that I will be translating to other languages and some users might have an english browser while others will have others. This is a problem because it will be confusing to many not seeing tooltips in their language and changing the browser language will create concern (extra work if they know how to do it) and my site will look UNPROFESSIONAL.

I researched further checking code from contact form 7 and happyforms and found some interesting things. On contact forms 7 although they use required they are not linking into browser validation so hovering over fields will avoid the messages.

Although, further checking your code I found that I can modify the templates part and use “Title” with my message in spanish to override browser hovering messages. But, this means modifying the code and I need to translate to several different languages. Also, I don´t know if it will affect any updates.

Your documentation doesn´t mention how to structure the child theme to modify the code.

I can also, disable required fields and would have to write my own validation schemes in javascript (I don´t want to do that).

Is there any snippet that will disable hover tooltips in happyforms?, or perhaps in CSS?, or hooks I can link to?.

Kind Regards,

JARP