My form disappears on a mobile device.

  • HammondSummer
    Asked on October 8, 2014 at 10:55 AM

    I have it embedded as an iframe on my website.  I have taken the script out like you said on one of the posts.  Nothing seems to work.  When you go to the page on a mobile device it comes up and disappears right away.  Help.

  • Ashwin JotForm Support
    Replied on October 8, 2014 at 12:20 PM

    Hello HammondSummer,

    I did check your web page where you have embedded your form and I am unable to replicate the issue you are having. Your form does load fine when I checked it in my iPhone device. Please check the screenshot below:

    My form disappears on a mobile device Screenshot 20

    Which mobile device and browser are you using? Do let us know and we will take a look.

    We will wait for your response.

    Thank you!

  • HammondSummer
    Replied on October 8, 2014 at 3:00 PM

    We have looked at it on an iPhone, Android, Samsung tablet and iPad.  Not sure why it will not stay up on the screen when we pull it up.  I even went to the full site on my tablet and it still will not show up.  Any idea what causes this?

  • Carina
    Replied on October 8, 2014 at 8:11 PM

    Do you experience this also in the standalone version of the form? 

    http://www.jotformpro.com/form/42734372706961 

    I also could not replicate this situation.

    Please try embedding using this code:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/42734372706961" frameborder="0" style="width:100%; height:1770px; border:none;" scrolling="no"></iframe>

    Let us know if the problem persists. 

     

  • HammondSummer
    Replied on October 9, 2014 at 9:44 AM

    It is still not working on a mobile device.  It comes up for a few seconds and then disappears.  I have not had this happen on any other forms that I have done. The stand alone version works,  it is only the embedded version.

  • Ben
    Replied on October 9, 2014 at 11:30 AM

    Hi,

    I can not see the reason why it would be hidden for you neither.

    What I would like to suggest is next:

    Try commenting out media query that are targeting iPhone/iPad such as the CSS code after this one:

    @media only screen and (orientation: landscape)

    this is in your grid.css file. While these styles can not impact what is in the iframe they can hide some element that is holding the iframe and hence hide it as well.

    If the jotform is shown to you once you disable this let us know so that we can further inspect and help you find the exact style that makes it hidden for you.

    Now if this does not help I always suggest adding our Mobile Responsive widget to the jotform when using it on mobile devices.

    Please try both of the suggestions and let us know how it goes for you.

    Best Regards,
    Ben