- johandejongAsked on June 12, 2014 at 02:04 AM
I have a form on http://www.zorgcentrumbennemastate.nl/inschrijvingsformulier.html
Works fine when using a desktop but the form is not visible when using a smartphone, how can i solve this problem.
http://www.zorgcentrumbennemastate.nl/inschrijvingsformulier.html is a responsive design.
- JotForm SupportjonathanAnswered on June 12, 2014 at 08:15 AM
Can you please try first re-embedding the form using its iframe code embed.
Follow this user guide -Getting-the-Form-iFrame-Code
So far, I was able to reproduced the issue you mentioned when I check the form in your website using Iphone 5S emulator
But perhaps using the form's iframe code embed can fix this already.
Please inform us if issue persist even after doing the suggested changes.
- johandejongAnswered on June 26, 2014 at 08:12 AM
I followed your instruction, now i can just see just the beginning from the form but the form isn`t scrolling down to the last formfields. see http://www.zorgcentrumbennemastate.nl/inschrijvingsformulier1.html
What should be the next step so the entire form is scrolling .
I have a samsung S3
I appreciate your help very much, thank you
- JotForm SupportWelvinAnswered on June 26, 2014 at 09:20 AM
Please try to re-embed your form using the IFrame without the script tags in it, then scrolling set to "Yes": http://pastiebin.com/53ac1e1d03705
Let us know if this works or not.
- johandejongAnswered on June 26, 2014 at 10:04 AM
I re-embed the form in see http://www.zorgcentrumbennemastate.nl/inschrijvingsformulier2.html
I can see the form and it scrolls but not the entire form 1/3 is scrolling and then it stops.
- johandejongAnswered on June 26, 2014 at 10:22 AM
Changed the <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformeu.com/form/20771059333350" frameborder="0" style="width:100%; height:2000px; border:none;" scrolling="yes"></iframe>
<iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformeu.com/form/20771059333350" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="yes"></iframe>
Now the entire form is scrolling but in a very small window also at my desktop and smartphone maybe you have a solution for this?
see it in the next page http://www.zorgcentrumbennemastate.nl/inschrijvingsformulier3.html
- JotForm SupportWelvinAnswered on June 26, 2014 at 11:30 AM
iFrame height cannot be dynamic so 100% don't work. You should have the static height, from this: http://pastiebin.com/53ac1e1d03705
With regards to the issue, I have noticed it using my android device. Even when you shrink down your browser, you'll see the issue. Not sure of the possible cause but, try to use our mobile responsive widget: http://widgets.jotform.com/widget/mobile_responsive. See if this works.