What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
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.
Form Collapse/Expand radio button with Conditions Does Not Work Properly in FirefoxAsked by johneff on January 12, 2015 at 11:22 AM
I have a radio button on my form which has two choices. When either choice is selected, a form section is expanded to complete the form.
I have had problems repeatedly using FireFox whereby the radio button doesn't trigger the form to expand to the next input field. In order to get the form to work properly, a refresh/reload is necessary. This problem only happens in FireFox and not in IE.
I have seen many replies by support on issues related to other scripts which may interfere with JotForm and I have disabled all the other scripts on the page, but the problem still persists.
The form is located here: http://njfoodsafe.com/registration.html
I see the problem that you are having, what I would recommend is that you check this guide we have regarding different embed codes: Which Form Embed Code To Use. Upon checking your website, I believe you are using the default embed code, is that correct? To avoid conflicts to the script of the form, I would recommend that you embed the form using iFrame, this will closed your form from other or external scripts. Please do take note that when you are using iFrame don't include the <script> code on it and you must specify a height field in px.
Here's an example of my iFrame code which I will embed in my website.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//support.jotform.com/form/43064575323958" frameborder="0" style="width:100%; height:1022px; border:none;" scrolling="no"></iframe>
Let us know if this works.
Thanks. I have tried your solution and put it in an iFrame but now the calculations do not work.
However, they DO work on the form that is not an iFrame.
here is the form: http://njfoodsafe.com/registration_iframe.html
Upon checking the form again, I see that even it's not in the iframe code or just viewing it directly in its form URL, the total cost does not show any value, is that correct?
I've cloned the form again and comparing the settings that the previous one has, I see that you missed one setting in your payment wizard. The "Get Amount From" does not have any field to get the value from.
I would like to suggest that you check again the hidden values and the conditions or setup you have and try viewing and testing it on the Form's direct URL before embedding using the iFrame, just to check that it's working.
I hope this helps.