Form Doesn't Fit to a Screen on Mobile Platforms

  • angelhamm
    Asked on November 30, 2015 at 8:36 PM

    Hi! When we pull our form up on our mobile devices the bottom section with submit button (for PayPal integration) won't load. Only about 3/4 of the form shows on mobile devices. Therefore, we are unable to take payments on mobile devices.  Seems to work fine on a PC.  I cut and pasted the html script and used that.  Advice please!

     

    PLEASE HELP!

    Thanks!

    Angela Hammond

    Endless Summer Charters

  • mert JotForm UI Developer
    Replied on December 1, 2015 at 3:46 AM

    Hi Angela,

    Before doing anything advanced, you can try to embed your form with IFrame method. After getting the code, you can reduce the height of the form to overcome this situation.

    Below, you will see the example IFrame embed code. As it is seen, you don't need to take the whole structure of it, the content between <iframe>...</iframe> tags is enough to embed your form. Also, you can adjust the height of the form on red marked area.

     

        <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/53341292355958"

          frameborder="0"

          style="width:100%;

          height:400px;

          border:none;"

          scrolling="no">

        </iframe>

     

    I hope this one will work for you. If it is not, please let us know. So, we can try different things to beat this problem.

     

    Thanks.