Why form buttons are not showing on mobile phone?

  • Profile Image
    Scott
    Asked on March 01, 2017 at 09:09 AM

    Hi this form for some reason the submit and print buttons are invisible when viewed on a mobile device.  I've tried both apple and android devices and it doesn't show when using either mobile or webview.

  • Profile Image
    scottsmithphotography
    Answered on March 01, 2017 at 09:11 AM

    Not sure who that guy is up there but this is my question :/

  • Profile Image
    Nik_C
    Answered on March 01, 2017 at 12:30 PM

    Our colleague opened a thread for you, but you will receive the email regarding this issue.

    Could you please try to embed your form by using this code instead:

    <iframe id="JotFormIFrame-63226812568359" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/63226812568359" frameborder="0" style="width:100%; height:8500px; border:none;" scrolling="no"> </iframe>

    I increased the height of the form, so if the issue persists, please let us know.

    Thank you!

  • Profile Image
    scottsmithphotography
    Answered on March 01, 2017 at 01:13 PM

    Brilliant that seems to have fixed it.  

     

    I'm having the same issue with this one too http://www.scottsmithphotography.co.uk/wedding-quote and when I've tried to increase the height it's not working. 

    Thanks

  • Profile Image
    scottsmithphotography
    Answered on March 01, 2017 at 01:21 PM

    When viewing the original one on mobile it shows fine. When using web view on mobile it cuts off before the bottom of the form higher up then before. 

     

    Thanks 

  • Profile Image
    Kevin_G
    Answered on March 01, 2017 at 03:11 PM

    The reason why changing the iFrame's height for the form embedded  in http://www.scottsmithphotography.co.uk/wedding-quote is due to the JavaScript included by default in the embedded code, it automatically calculates the form's height and overwrites the height you set directly in the iFrame's code. 

    You need to remove all the embedded code and leave the iFrame only, example: 

        <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/FormID"

          frameborder="0"

          style="width:100%;

          height:2030px;

          border:none;"

          scrolling="yes">

        </iframe>

    You could also set the scrolling property attribute to yes so your users can scroll over the form until reach the submit buttons. 

    Hope this helps. 

  • Profile Image
    scottsmithphotography
    Answered on March 01, 2017 at 03:22 PM

    Changing the scrolling to "yes" seems to have worked.  

    Thanks