Why whole form is not showing up on iphone?

  • Profile Image
    dorian100
    Asked on November 08, 2017 at 01:25 PM

    Hi... I'm new to JotForm and created a form to design a custom city tour. Everything works great, but on the iPhone it displays about 4/5 of the form and then jumps to the JotForm logo (you can see last couple of questions or "submit" button. Is there a limit on form length? How can I increase it. 

    Help please!

    Thanks,

    Dorian

  • Profile Image
    Nik_C
    Answered on November 08, 2017 at 02:40 PM

    Could you please try inserting the below CSS code in your Custom CSS Field:

    @media only screen 

    and (min-device-width : 375px) 

    and (max-device-width : 667px) {

    iframe#JotFormIFrame{

    height: 8521px!important;

    }

    }

    If the issue persists please try re-embedding your form by using the below iFrame code:

     <iframe id="JotFormIFrame-71153286284155" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/71153286284155" frameborder="0" style="width: 1px; min-width: 100%; height:4539px; border:none;" scrolling="no"> </iframe>

    Let us know how it worked.

    Thank you!

  • Profile Image
    dorian100
    Answered on November 08, 2017 at 05:18 PM

    Thanks for fast response! I tried the CSS code and no improvement.

    I'm using Weebly and just deleted the Weebly "UI" and added an embed code box with your embed code. This seemed to do the trick. Not sure why.

    script type="text/javascript" src="https://form.jotform.com/jsform/71153286284155"></script>