Why are form elements freezing up?

  • Profile Image
    PaulaBund
    Asked on January 15, 2014 at 09:55 AM

    Lately we have been getting complaints that our forms are not working. Certain elements in the forms simply freeze. If I go in and reload the form and click on the question it unfreezes. I worry, though, that people will simply give up and move on without telling me that there is a problem. 

     

    A recent conversation: 

    Could you fill in a volunteer form? You can find it on our website. www.standardpoodlesinneed.com

    Sure, will do that now!

    Heck, I am having trouble with the form. I can't fill in a lot of the boxes, and I've tried in Safari, Firefox & Chrome. Should I just fill in what I can on the form online and email the rest of the info?

    Really? Maybe it was me because I was updating the website just now...

    Hmmm. I see what you mean. One minute. How about now?

    Nope, still can't fill all the boxes in, even just in the personal info, and I've tried all 3 browsers again. Sorry!

    Can you try again?

    OK, I was able to complete the personal info section, and the signature. I submitted the form, so hopefully it will appear. Out of curiosity I tried a couple of the other sections before submitting and there were still some boxes that couldn't be accessed.

  • Profile Image
    ardy0689
    Answered on January 15, 2014 at 10:16 AM

    We apologize this inconvenience. Upon checking your "Volunteer & Foster Application" form to your website, it seems there is <div> tag that contains a transparent image that blocks the textboxes. This <div> tag is not part of JotForm and is included on your website for some reason. Techinically you are clicking the transparent image and not the textboxes and you can not see it.

    Please watch this video so that I can show you what is blocking it. Please try re-embedding your form using the IFRAME embed method. This should protect the form and isolate it. Please let us know if this issue persists. Thank you

     

  • Profile Image
    ragetracks
    Answered on January 15, 2014 at 10:19 AM

    They are freezing up for me too. It's not just you!

  • Profile Image
    PaulaBund
    Answered on January 15, 2014 at 10:45 AM

    Hi. Wow. Super impressed with your response. Love Jot Form. 

    However. I embedded with the iframe embed method and it is not showing whole form if click on the various sub fields. 

    http://www.standardpoodlesinneed.com/volunteer---foster-application.html  

  • Profile Image
    ardy0689
    Answered on January 15, 2014 at 11:44 AM

    Hello. Thank you for updating us. When you get the Iframe code, normally you will get 2 parts of the code: The IFRAME CODE(orange) and the auto-height code(Yellow)

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotform.ca/form/33127934814254" frameborder="0" style="width:100%; height:6467px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Your form is not showing the complete height of the form that is why when you collapse the fields it cuts off at the bottom. In order to set a manual height of IFRAME you should only embed the orange part which is the IFRAME code. The yellow part is setting an autoheight which is not suitable for your website so omitting out the yellow part should fix this problem. You can play with the height value if you wish.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotform.ca/form/33127934814254" frameborder="0" style="width:100%; height:6467px; border:none;" scrolling="no"></iframe>


    Please let us know if this issue persists. Thank you

  • Profile Image
    PaulaBund
    Answered on January 15, 2014 at 12:26 PM

    Brilliant. Have implemented your suggestions with great success. 

    I also found that the floating header was blocking the top most cells and have revised page properties to accommodate form. 

    Should be all good now.

    Thank you

  • Profile Image
    PaulaBund
    Answered on January 15, 2014 at 12:28 PM

    Brilliant. Have implemented your suggestions with great success. 

    I also found that the floating header was blocking the top most cells and have revised page properties to accommodate form. 

    Should be all good now.

    Thank you