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

    Issues with displaying form via Javascript on a mobile device

    Asked by Caspian101 on February 19, 2015 at 05:58 AM

    Hi there, I am having issues with displaying a mobile responsive jotform via Javascript and seeing it on a mobile device. I setup a test page here: http://www.prospersee.com/test.html There are two forms on here, one embedded via JS and the other via an iFrame. Both work fine on my desktop, but the JS one won't render on my Android device; any idea why? I am not aware with other scripts conflicting.

    Interestingly, when I change the phone to display the page as a full web-page rather than a responsive one, I can see the JS form without issue.

    I have tried the mobile responsive form widget, without any luck. Any help gratefully received.

    Mobile displaying form mobile device displaying
  • Profile Image
    JotForm Support

    Answered by Welvin on February 19, 2015 at 10:08 AM

    Hi,

    Let me check this and get back to you, shouldn't take too long. I think this is because of the div elements that is currently set to hide for a certain device.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on February 19, 2015 at 10:22 AM

    You have the following inline CSS style in the page:

    I think this is the cause of the issue. So any content that is inside a div element is hidden in mobile device. But just in case you wonder, the iframe has a separate control so it's not hidden in the page.

    With that being said, try removing the extra div element that encloses the form embed codes. See the following screenshot:

    I hope this works. Please update us here.

    Thanks