My form disappears on a mobile device.

  • Profile Image
    HammondSummer
    Asked on October 08, 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.

  • Profile Image
    ashwin_d
    Answered on October 08, 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:

    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!

  • Profile Image
    HammondSummer
    Answered on October 08, 2014 at 03: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?

  • Profile Image
    Carina
    Answered on October 08, 2014 at 08: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" onload="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. 

     

  • Profile Image
    HammondSummer
    Answered on October 09, 2014 at 09: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.

  • Profile Image
    Ben
    Answered on October 09, 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