My contact jot form won't display correctly on the iphone

  • Profile Image
    Scott Cherrie
    Asked on October 03, 2014 at 06:24 AM

    It doesn't stretch right down and then allow you to hit the submit button, which is a problem as a lot of people will book consultations through the website.  How can I go about fixing this?

  • Profile Image
    jedcadorna
    Answered on October 03, 2014 at 07:23 AM

    Try the iframe method and set a fixed height or you can copy the iframe code below.  Just copy the highlighted code. When you embed your form in iframe method and still the submit button is not showing just increase the height by pixel.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/31233475678359" frameborder="0" style="width:100%; height:1154px; 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>

  • Profile Image
    delboy1875
    Answered on October 03, 2014 at 08:17 AM

    Do I just insert this in the contact.html page?

  • Profile Image
    jedcadorna
    Answered on October 03, 2014 at 08:49 AM

    Yes that is correct. Insert the Iframe code that is highlighted in your contact.html page and do not include the one that is crossed out and inform us if the embed code works or not.

  • Profile Image
    delboy1875
    Answered on October 03, 2014 at 09:13 AM

    Okay great the part that has to be taken out what document does that have to be taken out of?

  • Profile Image
    jedcadorna
    Answered on October 03, 2014 at 09:28 AM

    Copy the highlighted code and increase the height to show the submit button. Height is in pixels the one in red.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/31233475678359" frameborder="0" style="width:100%; height:1154px; border:none;" scrolling="no"></iframe>

  • Profile Image
    delboy1875
    Answered on October 03, 2014 at 08:33 PM

    Yeah thats great it works now, doesn't display in the centre it displays to the left hand side but that's not too much of a concern