Form bounces up and down when viewing on apple device

  • elitekeywest
    Asked on January 21, 2015 at 7:30 PM
    Also using jot forms though a mobile Apple device is having issues with the form.  Only though Apple products the form jitters and bounces up and down.  Can you please help me with this, as people are having problems registering though my site.
  • jonathan
    Replied on January 21, 2015 at 9:27 PM

    Hi,

    Can you please also tell us which specific mobile Apple device you encountered the problem.

    So far I tried it on Iphone devices, it doesn't have this behavior when view on your website 

    Form bounces up and down when viewing on apple device Image 1 Screenshot 20

     

     

    Perhaps it could be a different issue that is preventing your users from using the form on the website when on Apple device. We will be glad to understand the issue and fix it.

    Contact us anytime if issue still remains.

    Thanks.

     

  • elitekeywest
    Replied on January 22, 2015 at 9:38 AM

    Iphone 5 and it happens down towards the payment section.  Try selecting the drop down payment option.

  • Charlie
    Replied on January 22, 2015 at 12:06 PM

    Hi,

    It seems that there is a conflict with the script codes within your website. You are using the Wix.com to build your website, is that correct? If it is please do check this guide that we have: http://www.jotform.com/help/70-Adding-a-Form-to-Wix-Site.

    Please do take note that you'll need to REMOVE the <script> code that was included in the iFrame.

    Here's an example, I copy the iFrame code in the "Embed Forms" option, the code below is my iFrame code. I then ONLY use the one wrapped in <iframe> tag, DO NOT include the <script> code which is the pink highlighted one below. The only one that I'll be using is the blue highlighted code. 

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/43064575323958" frameborder="0" style="width:100%; height:657px; 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;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    Let us know if this works. We'll wait for your response.

    Thank you.