Submit button disappears on mobile device

  • Mahoner
    Asked on October 1, 2015 at 10:04 AM

    Good morning!

     

    Not sure if there's a quick solution as to why the "Submit" button disappears on a mobile device but works fine from desktops??

     

    Here's a link to our form in question:

     

    http://www.bramptonlibrary.ca/index.php/kids/programs-events/lego-build-challenge/17-children/264-lego-build-form-2015

     

    Thank you!

     

    UPDATE: A similar issue was posted previous to my question about making your form mobile friendly,

     

    http://www.jotform.com/answers/674305-My-Embedded-Form-Isn-t-Mobile-Friendly-How-Can-I-Improve-This

     

    so this looks to be the solution.

  • Mike_G JotForm Support
    Replied on October 1, 2015 at 12:00 PM

    Thank you so much for the update. 

    I have checked your form by cloning it and saw that you have already made it responsive. 

    I have checked how you embedded it on your website and it is good that you've decided to use the iframe code.

    I have checked your website on my phone and the submit button shows as expected. 

    Submit button disappears on mobile device Image 1 Screenshot 20

    If you have other questions or needs any further assistance, please do not hesitate to get back to us to let us know and we will be glad to help you. Thank you.

  • Mahoner
    Replied on October 1, 2015 at 1:07 PM

    Hi Mike,

     
    I just spoke with a colleague and she said that on her iPhone that while the "Submit" button appears when filling out the form by the time they reach the last step to submit the information, the button has disappeared. 
     
    I myself have a Nexus 5 and the same thing happens though. After choosing a file to upload, the submit button has disappeared as if the page cannot scroll any further.
     
    Thanks!
  • David JotForm Support
    Replied on October 1, 2015 at 3:22 PM

    Hi,

    In the first portion of your iFrame code, you can set the frame to either be longer by adjusting the height or allow for scrolling within the frame:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/52577184264967" frameborder="0" style="width: 100%; height: 2066px; border: none;" scrolling="no" width="100%" height="2066px"></iframe>

    Change scrolling from "no" to "yes" or adjust the value to something larger.

    If neither solution allow for the submit button to show up on mobile, let us know and we will be happy to have another look.