Hi @nyceone1
What browser are you using? It seems to work properly for me in Chrome.
Thanks,
Angus
Hi Angus,
I work on Chrome but tried it on Safari as well. Same result. I know the form works because I have already tested it. But, I need the text fields to appear when people go to the page. Could this be some sort of loading issue with the theme or the server? I’m using Bridge. Thanks!
Hi @nyceone1
Are you saying that 1) they don’t load at all on the first page load, and you have to refresh to see them? Or are you saying that 2) as the page is loading, the labels are invisible for a while?
2 is expected, because the plugin uses JavaScript to manipulate the contact form 7 html. To reduce the impact of this flash of unstyled content, you can use caching and minification plugins to speed up the loading of your website.
If it’s 1, then that’s unexpected and I will need to help you debug – but I haven’t been able to replicate that behaviour on the link you sent.
Thanks,
Angus
Hi Angus,
I’m experiencing scenario 1.
They don’t load at all on the first page load. I have to refresh them to see them.
I have pinpointed the problem to the following situations:
On Safari, if I go to the Contact page by typing in the URL (odonataboulder.com/contact/,
the text labels appear. But, if I use the top menu to go to another page, and then select Contact from the top menu, the text labels do not appear.
Same issue with Chrome. If I use the top menu to go to the Contact page when I am on another page, the text labels do not appear.
I am also having this exact problem on another website where I am using Material Design Contact Form 7.
chris
Ah I see – the issue is that your theme loads pages dynamically with JavaScript.
All you need to do is hook in to the page load and call window.cf7mdInit() after the page transition. Whether your theme makes this easy or not I don’t know, but it should be possible because lots of plugins that rely on JavaScript will have this same issue.
Could you contact your theme’s support and refer them to this support thread?
Worst case – if the theme provides no way to hook into page transitions, you would have to disable ajax page loading to allow the material design JavaScript to load.
Thanks,
Angus
Thank you, Angus!
That would explain why this is happening with a couple other plugins. I will contact Qode and see if there is a solution.
chris
