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

    Problem with form display on iPhone and iPad

    Asked by bgassi on February 10, 2014 at 12:34 PM

    The form I created cuts off the bottom on the iPhone and iPad. It works just fine on all other platforms. I did embed some code I found on one of the forums but that didn't work. The site was created in Xara Web Designer 9 with no other issues on any platform.

    Thanks

    Bob

    Page URL:
    http://www.smartechny.com/contact.htm

    problem ipad and xara site thanks
  • Profile Image
    JotForm Support

    Answered by TitusN on February 10, 2014 at 01:49 PM

    Hello Bob,

    Thank you for contacting us.

    I can see what you mean: 

    On the Iphone:

    To resolve this

    I believe what is causing this is the div element that contains the form's iframe.

    The overflow property is set to hidden, try changing that to 'visible' or 'scroll'.

    The div's height and width are quite rigid, and content overflow should be expected (click on image to view better).

     

    Let us know if this helps.                      

  • Profile Image

    Answered by bgassi on February 11, 2014 at 12:55 PM

    Hi Titus,

    Thanks for your quick reply. I tried visible and scroll and no difference on the iPhone. It is currently set to scroll and scroll bars show up on Windows platform, but no change on iPhone.

    Thanks,

    Bob

  • Profile Image
    JotForm Support

    Answered by TitusN on February 11, 2014 at 01:36 PM

    Hmm,

    I saw that too.

    I'm not sure whether your response says that it looks ok on an Ipad - my emulators may not reflect what you see from your end.

    I tried copying your source code, but there are just too many elements to fix to reproduce the issue from my end.

    In any case, please try the following:

    Allow the Iframe to scroll when content is not visible.

    Also, check the other HTML containers, they also have an overflow property set to 'hidden'.

    Did that help?