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.
Multiple page form not working on iPhoneAsked by NordicWorming on November 01, 2016 at 11:39 AM
I have a price calculator form on my website (not "officialy" announced yet) and some friends told me it's not working on their iPhone. So I grabbed my test iPhone 4s and checked. Indeed, the form displays well but it's not possible to get to the next page.
I tried both "standard" Joomla embedding and iframe (I saw other questions about this and the most common answar was to use an iframe), without any noticeable difference.
What else could I try?
Thanks and snowy regards from Finland
I do not have iPhone to test your form, but I made some test on iPhone simulator. I tested your form on iPhone 4s, 5 and 6, but I was not able to replicate mentioned issue. Next and back buttons are working properly on my end.
I have also tested your form on my Samsung Galaxy S4 and form is working properly.
I saw that your form is currently embedded with iFrame code. We usually recommend iFrame code. Are you still experiencing same issue? If so, please try to re embed your form and use only iFrame part of the code, remove script part of the code. Use only this code:
You can also try to test your form on some other iPhone devices and see if the issue still persist.
Hope this will help. Let us know if you need further assistance.
Hi BJoanna and thanks for your answer!
I tried what you suggested, but am still experiencing the same issue (on physical devices). My 4s is on iOS 7.1.2, one of my friends has a 3s, not sure of the iOS version. I had to set height to something like 80% using only the iframe code without script because the first page didn't display fully.
On Android devices (my ZUK Z2 Pro, a Sony Xperia Z3 compact...) everything is working fine, even without iframe.
I obviously cleared Safari's cache before testing.
By the way, I also have a hidden field not showing when I chose the option meant to make it appear (OK, it's more then just one ;) )
Why does Apple always have to bend or break standards instead of respecting them? Well, that's not the place to ask such questions...
Thanks again for your help.
P.S. What website do you use to test iPhones?
When I load your website on Chrome, Safari and Firefox I get the following screen:
Is this something that you are aware of? I just wanted to let you know. I guess some arrangements you made somehow did not end up in a desired way.
Please let us know if there is anything we can do to fix this.
Our best regards to Finland
Yes, thanks. I saw that there is something wrong when using a percentual height for the form.
I just reverted to the standard Joomla publishing thingy. Don't like what the iframe does with my page design.
If someone uses an iPhone it's their problem, not mine :-) And if their MacBook does the same thing, well...