form is not visible when using a smartphone

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.

Thanks,

Johan

Hi Johan,

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.

Thanks!

Hi Jonathan,

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

Thanks Johan

Hi Johan,

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.

Thanks

Hi Welvin,

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.

Thanks Johan

Hi Welvin,

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>

as follows

<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

Thanks

Johan

Hi Johan,

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.

Thanks