Form Collapse/Expand radio button with Conditions Does Not Work Properly in Firefox

  • Profile Image
    johneff
    Asked 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

     

  • Profile Image
    Charlie
    Answered on January 12, 2015 at 12:02 PM

    Hi,

    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.

    Thank you.

  • Profile Image
    johneff
    Answered on January 12, 2015 at 01:41 PM

    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

     

  • Profile Image
    Charlie
    Answered on January 12, 2015 at 01:56 PM

    Hi,

    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.

    Thank you.