Background of the issue:
I am trying to use Contact Form 7 on my website, which is built with WPML. The main language of the site is English, and the form fields work correctly in this language. The text in the fields disappears automatically when filled.
Symptoms:
In other languages, the explanation text in the form fields does not disappear automatically and needs to be manually deleted.
Questions:
How can I make the explanation text in the form fields disappear automatically in other languages?
Welcome to WPML support. I will try to answer the question before the ticket is assigned to one of my colleagues.
Would you please follow the steps below to see if the same thing is happening on a minimal installation?
- IMPORTANT STEP! Create a backup of your website. Or better approach will be to test this on a copy/staging version of the website to avoid any disruption of a live website.
- Switch to the default theme such as "TwentyTwenty" by going to "WordPress Dashboard > Appearance > themes".
- Go to "WordPress Dashboard > Plugins" and deactivate all plugins except WPML and its add-ons.
- Check if you can still recreate the issue.
- If not, re-activate your plugins one by one and check the issue each time to find out the plugin that causes the problem.
I hope you're doing well. I've taken over this ticket and will try my best to assist you in this matter.
Are you referring to the placeholder text within the field when you mention the explanation text? If so, it should disappear when you click on the field. If that's not happening, could you please share the link to the form so I can take a closer look? If the explanation text refers to something else, a screenshot would help me better understand the issue.
Please share the link to the Form and a screenshot of the explanation text so that I can get a clear understanding of that and suggest what to do next!
The link of the dutch page is: hidden link
This page is used for the print screens to see the problem.
You can also go to this page and try to fill in the form and you see immediately the problem.
Image 1 is the form in dutch where you see the word Volledige Naam* in grey.
if you click that field the word Volledige Naam* should disappear which it does not.
Image 2 you see I can select the word Volledige Naam*, I have to delete it to be able to fill in the form.
Image 3 you see I have deleted the Volledige Naam* text and typed my name.
How it should work is in the main language English: hidden link
I have sent the link information etc. in my earlier messages as well.
Hope you understand and hope you can help solving this problem.
I checked the page and noticed the issue. Upon inspecting the HTML, I found that the Placeholder attribute is being replaced with the value in Dutch, which is why the placeholder text now appears as the field value.
This issue usually happens when the '=' sign is included while defining the placeholder text in Contact Form 7. Could you please follow these steps to resolve the issue?
1. Open the default contact form in the Editor.
2. Switch to the Dutch language using the language switcher in the Admin Topbar and check if the placeholder text contains any '=' sign. Here’s an example screenshot for reference: hidden link
3. If you find an '=' sign, please remove it and save the changes. In Contact Form 7, the placeholder does not require an '=' sign.
I'm pleased to hear that the suggestion worked and the problem is now resolved. It's quite unusual that this issue only occurred with this specific form, but I'm glad it's sorted out.
Since the issue has been addressed, I kindly request that you mark this ticket as resolved. Should you need any further assistance with our plugins, please do not hesitate to reach out. We are always here to help.
Best regards,
Prosenjit
The topic ‘[Closed] Contact form 7 in main language English fields can be filled on top of the text in another language …’ is closed to new replies.
