What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    My form disappears on a mobile device.

    Asked by HammondSummer 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.

    Page URL:
    http://www.hammondschool.org/campus-life/select-ensemble-cd-order-form

    Mobile mobile device and
  • Profile Image
    JotForm Support

    Answered by ashwin_d 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

    Answered by HammondSummer 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

    Answered by Carina 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

    Answered by HammondSummer 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

    Answered by Ben 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