Form not showing submit button in Android phone

  • LKostinas
    Asked on October 30, 2017 at 3:06 PM

    I have had several say they can't fill out my form. One I am not sure what device she is using, but one told me it was an Android phone. Is there something I should be doing to make the form enitrely visable?

    Jotform Thread 1286096 Screenshot
  • aubreybourke
    Replied on October 30, 2017 at 3:33 PM

    I tested your form on a Samsung Galaxy S8. And found the problem you are experiencing. Its true that the end of the form is being cut off. So your users cant even see the submit button. And they cant submit the form.

    For example:

    1509391651Dashboard   Mozilla Firefox 30 Screenshot 10

    The solution is to use the following CSS code:

    .form-all{
        margin-bottom: 400px !important;
    }

    How to Inject Custom CSS Codes

    Hope that helps!  

  • LKostinas
    Replied on October 30, 2017 at 4:43 PM
    Let me make sure I have the code correct:
    .form-all{margin-bottom: 400px !important;}
    The only spaces in the code are after the colon : and after the x before the exclamation point! . Do I have it correct? I did that and see no difference in the form…but I assume the users of Androids and Galaxies will see the whole form? Can I do this with all my forms in the future to assure the Android users will see the form?
    Thank you for all your help.
    Lorraine Kostinas
    111 Madison Street | Newtown, PA 18940
    2145 Aberdeen Lane | #201 | Naples, FL 34109
    c: 609.462.9892
    ...
  • aubreybourke
    Replied on October 30, 2017 at 4:54 PM

    The difference isn't very obvious. But if you apply that code that will increase the length of the form by 400 pixels. You can test it on a mobile phone. It should work.

    If you want to prevent this from happening again, yes you could use the same CSS code again. Or you can try a different approach. The problem is not your stand alone form ( the form on JotForm is fine ). Its how you are embedding your form on your site.

    I think you must be using the standard embed method right? That can sometimes cause problems. The solution is to use the iFrame embed method for all your forms instead because its much more reliable:

    Getting the Form iFrame Code