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.


  • Profile Image

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

    Asked by Scott Cherrie 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?

    Page URL:
    http://www.scottcherrie-personaltraining.com/contact.html

    Screenshot
    problem submit not showing on iphone
  • Profile Image

    Answered by jedcadorna 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

    Answered by delboy1875 on October 03, 2014 at 08:17 AM

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

  • Profile Image

    Answered by jedcadorna 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

    Answered by delboy1875 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

    Answered by jedcadorna 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

    Answered by delboy1875 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