When my form appear on a mobile the bottom of the form including submit button is not visible

  • livenow
    Asked on April 6, 2016 at 3:47 AM

    When my form appear on a mobile to bottom of the form icliding submit button is not visible. People can't submit the form HELP

     

    example here http://lovelifelivenow.com/whats-on/mindfulness-retreats-summer-of-love-2016/

     

     

  • Ashwin JotForm Support
    Replied on April 6, 2016 at 5:12 AM

    Hello livenow,

    Can you please remove the existing embed code you have added in your webpage and use the following iFrame embed code to see if that solves your problem:

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

    Do get back to us if the issue persists.

    Thank you!

  • livenow
    Replied on April 7, 2016 at 7:45 PM
    No this hasn't fixed the problem. I don;t understand I've never had this
    issue before. not doing anything different.
    Am i going nuts?
    adrian,
    ...
  • jonathan
    Replied on April 7, 2016 at 11:41 PM

    I checked the form on your website, and I see that it was still using the script embed code.

    When my form appear on a mobile the bottom of the form including submit button is not visible Image 1 Screenshot 30

    the script code could be clashing to the other existing scripts on your website thus causng the issue.

    When my form appear on a mobile the bottom of the form including submit button is not visible Image 2 Screenshot 41

    Can you please try first the solution workaround suggested by my colleague previously. We can check how it does when applied.

    Use this embed code as suggested by Ashwin_d

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

    We will wait for your response.

     

  • livenow
    Replied on April 8, 2016 at 2:45 AM
    I told you that I did this and it did not resolve the issue. I put the old
    code back
    ...
  • BJoanna
    Replied on April 8, 2016 at 4:10 AM

    Please try to increase height of your iFrame embed code and add rule !important. Also set scrolling to "yes", to see if that will resolve your issue. 

    Your embed code should look like this. 

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/60805054854961" frameborder="0" style="width: 100%;height: 1156px!important;border: none;" scrolling="yes"></iframe>

    Currently height of your form is set to 1156px. If the submit button is still cut off, increase the height to 1300px.

    Hope this will help. Let us know if you need further assistance. 

  • livenow
    Replied on April 8, 2016 at 4:45 AM
    I've fixed it now thank you. I think the form was corrupted some how.
    Created new for and it work fine, thank you
    ...
  • BJoanna
    Replied on April 8, 2016 at 4:51 AM

    We are glad to hear that you resolved your issue. 

    I have also checked your embedded form on my Samsung Galaxy S4 and I can confirm that submit button is not cut off anymore.

    Feel free to contact us if you have any other questions. 

  • livenow
    Replied on April 8, 2016 at 6:45 AM
    much appreciated. thank you
    ...