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

  • Profile Image
    livenow
    Asked on April 06, 2016 at 03: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/

     

     

  • Profile Image
    ashwin_d
    Answered on April 06, 2016 at 05: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" onload="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!

  • Profile Image
    livenow
    Answered on April 07, 2016 at 07: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,
    ...
  • Profile Image
    jonathan
    Answered on April 07, 2016 at 11:41 PM

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

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

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

     

  • Profile Image
    livenow
    Answered on April 08, 2016 at 02:45 AM
    I told you that I did this and it did not resolve the issue. I put the old
    code back
    ...
  • Profile Image
    BJoanna
    Answered on April 08, 2016 at 04: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" onload="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. 

  • Profile Image
    livenow
    Answered on April 08, 2016 at 04: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
    ...
  • Profile Image
    BJoanna
    Answered on April 08, 2016 at 04: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. 

  • Profile Image
    livenow
    Answered on April 08, 2016 at 06:45 AM
    much appreciated. thank you
    ...