Why whole form is not showing up on iphone?

  • dorian100
    Asked on November 8, 2017 at 1: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

    Jotform Thread 1293966 Screenshot
  • Nik_C
    Replied on November 8, 2017 at 2: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" onDISABLEDload="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!

  • dorian100
    Replied on November 8, 2017 at 5: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>