Submit button is not shown when form is accessed on mobile

  • bethmckinney74
    Asked on March 7, 2020 at 8:16 PM

    Clients trying to place orders are having problems.  Specifically, in our form https://form.jotform.com/200558223403142


    When people pull up this form on their phones and choose the option of paying by check, they aren't able to submit a form because the SUBMIT button is not visible. I think the form isn't loading all the way. Is our form too long? Do we need to change something?


    - Beth

  • ccar12345
    Replied on March 8, 2020 at 12:03 AM

    Hi Bethmckinney74,

    As you mention, when we try to use the form in a mobile device, the iFrame is not allowing the page to show the Submit button.

     

    My recommendation is to change one of the iFrame property, let me show you how to do that:

    1. Please go to your Form Builder and click on the iFrame field.

    2. Click on Properties.

    3. Scroll down to "Height" and type 4800.

     

    Submit button is not shown when form is accessed on mobile Image 1 Screenshot 40

    Now the iFrame is going to cover the website and show the Submit button on mobile devices.

     

    Another approach that you can implement is creating a conditional logic and redirect the user to the "Card" or "Check" for example, if I select Check I will be redirected to the form page with the Check fields.

    To make that happen, follow the steps below:

     

    1. Please add a Page Break element to the form, so the check will be Page 2 and Credit Card will be Page 3.

     

    Submit button is not shown when form is accessed on mobile Image 2 Screenshot 51

    2. Now, please go to the form settings and create a new Condition called "Skip to a Page"; you can select now the condition for someone that selects Check will be redirected to Page 2 (Check) then, you can create a new condition for Cards.

     

    Submit button is not shown when form is accessed on mobile Image 3 Screenshot 62

     

    I hope that answers your question.

  • bethmckinney74
    Replied on March 8, 2020 at 11:51 AM
    Thank you for writing back to me. I read through this email a few times and I looked at my forms.
    What is confusing me is that the advice is to do things I have already done.
    Advice 1- adjust the height to 4800 . I am surprised you suggested this, since the height is already set to 4800. Is there another place to adjust the height I don’t see?
    Advice 2- conditional logic. Here are the settings I have in place and that were in place before your email. Is there something else I need to do? The only change I have made based on your feedback is to add a page break.
    Thank you,
    Beth
    ...
  • John Support Team Lead
    Replied on March 8, 2020 at 3:54 PM

    Hello Beth - I can see that you have adjusted the frame height already. I then check your form on a mobile, and it appears that the submit button is now visible.

    I suggest trying this on your end as well to confirm that the issue is now fixed.