form is not visible when using a smartphone

  • Profile Image
    johandejong
    Asked 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.

    Thanks,

    Johan

  • Profile Image
    jonathan
    Answered on June 12, 2014 at 08:15 AM

    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!

  • Profile Image
    johandejong
    Answered on June 26, 2014 at 08:12 AM

    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

     

  • Profile Image
    Welvin
    Answered on June 26, 2014 at 09:20 AM

    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

     

  • Profile Image
    johandejong
    Answered on June 26, 2014 at 10:04 AM

    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

  • Profile Image
    johandejong
    Answered on June 26, 2014 at 10:22 AM

    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

     

     

     

     

     

  • Profile Image
    Welvin
    Answered on June 26, 2014 at 11:30 AM

    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