mobile view

  • Profile Image
    stephencoverdale
    Asked on May 14, 2013 at 11:09 AM

    Hi suport,

    on this page http://www.scoutfoto.com/home-test.html i setup jot form as an iframe so i can see the form in mobile view on my phone.

    but when i load many files, the files get cut off because iframe size. see image attached

    Thanks,
    Andy

  • Profile Image
    stephencoverdale
    Answered on May 14, 2013 at 11:16 AM

    support,

    see moble view the send button can't be seen.

    https://www.dropbox.com/s/tbbs62bs10yvhnh/Photo%20May%2014%2C%2011%2013%2036%20AM.png

    thanks,

    andy

  • Profile Image
    jefreylandicho
    Answered on May 14, 2013 at 01:44 PM

    Try changing your IFRAME height value to 1000px or set the scrolling to YES and see if it works. 

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

    If the issue still persist, please contact us again.

  • Profile Image
    stephencoverdale
    Answered on May 15, 2013 at 10:17 AM

    Hi,

    I increase the px, but then that pushed the section below it really really low.

    so i am  a user and just want to see the 2nd section it looks bad

  • Profile Image
    jefreylandicho
    Answered on May 15, 2013 at 10:36 AM

    You can adjust the height value based on your preferences. The 1000px is only an example which adjust the iframe height to 1000px on all resolution. Try reducing the value to 800px or lower

    Please try adding this code as well in your Custom  CSS. 

    @media (min-width:500px) {

    iframe { height: 700px !important; } /* this is for the mobile iframe height */

    }

    Click here for a more detailed instrucion on how to inject custom CSS.

    Please contact us again if you are still having trouble.