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.
forms aren't working on iPhonesAsked by hkeldermans on September 30, 2015 at 10:51 AM
We are testing our JotForms using iPhones and when we go to our links for any of the jot forms, the form does not show up completely. It only shows the first box or two - it won't allow you to scroll down to see the whole form even.
Here's a sample of one of the forms: http://www.blueridgeschool.com/admissions/parent-statement
I can see most of the fields but it is still cut on iPhone.
This might be due to the fact that the form length is higher than the iframe height. The form is mobile responsive so its length might changed when viewed on mobile devices. The easiest way to resolve this is to increase the iframe height or add a minimum height so it is long enough to display the entire form on mobile. Here's how:
Mark in bold is the one I've added on the iframe embed code. You can do the same on your iframe embed code or you can use this iframe embed code and replace the one on your site.
<iframe allowtransparency="true" frameborder="0" id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" scrolling="no" src="//form.jotformpro.com/form/50416082224950" style="width:100%; height: 1018px;min-height:1018px; border:none;"></iframe>
thanks! That is very helpful.
My web programmer told me to use the iFrame embed code. Should I instead be
using the first option - embed?
Yes, the "Embed" option should perform better since the form height will automatically adjust depending on its content. In short, it's height is dynamic unlike with iframes.