Why form buttons are not showing on mobile phone?

  • Scott
    Asked on March 1, 2017 at 9: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.

    Jotform Thread 1079044 Screenshot
  • scottsmithphotography
    Replied on March 1, 2017 at 9:11 AM

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

  • Nik_C
    Replied on March 1, 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" onDISABLEDload="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!

  • scottsmithphotography
    Replied on March 1, 2017 at 1: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

  • scottsmithphotography
    Replied on March 1, 2017 at 1: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 

  • Kevin Support Team Lead
    Replied on March 1, 2017 at 3: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"

          onDISABLEDload="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. 

  • scottsmithphotography
    Replied on March 1, 2017 at 3:22 PM

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

    Thanks