JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Script error when embedded in unbounce page, firefox onlyAsked by JonathanCudmore on April 07, 2015 at 08:31 AM
Two fields that are set to hide/show depending on the field "group code" do not show when embedded in unbounce page using the provided unbounce embed code. Error is in firefox only - works as expected in chrome and safari (ie not tested).
The direct link to the form is here http://form.jotformpro.com/form/50953836980972?
The unbounce page is here: http://protect.pfpinc.ca/get-your-quote/
For testing purposes you can use the code "democode" in the group code field to show one field, and anything else to show the other field. When you use "democode" the field text that displays is white, so doesn't show on the direct link to the form, which has no background.
Thanks for reporting it here. I was able to reproduce the problem using firefox on the initial load of the page. It seems the Jotform script failed to load on the first visit that's why the conditions and validations are not working. However, the problem goes away when you reload the page. Issues like this is commonly caused by script conflicts. Would you prefer switching to iframe embed code? This should resolve the problem since iframe won't conflict with anything on your page.
Please try it and let us know how you like using iframe embed.
I updated it to use iframe, but it still is not displaying those show/hide fields.
It is now working but the text isn't displaying properly on firefox because of the following injected CSS codes on your form.
Please find these on your injected CSS codes and remove the crashed lines. This is preventing the mentioned text on firefox.
border: medium none;
background: none repeat scroll 0% 0% transparent;
padding: 0px 0px 40px;
If you need further help about this, let us know here.
Hi, thanks for the directions. I removed those lines but still the field is not displaying.
It is working for me on Firefox now. Both correct and incorrect message are now displaying properly.
The page might be cached. Please clear your browser's cache and try it again.
I think it's also due to the iframe height which is a bit short to display the entire form. Re-embed your form using this iframe with 900px height, this should help.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50953836980972" frameborder="0" style="width: 100%; height: 900px; border: none;" scrolling="no"></iframe>
Got it, thanks!
Thanks for the update. I'm glad this situation is fixed. Please get back to us if further support is needed.