Wordpress.com embed: Form does not scroll to top of Thank You page after it is submitted.

  • piapete
    Asked on November 17, 2016 at 4:25 PM

    Is there a way to get around the form having issues on Android, specifically around the following:

    - on submit, the form does not go to the top of he page, it stays in the footer so you need to scroll to the top to confirm that it's in fact been submitted.

    -  there's a scroll bar in the frame, which makes it quite difficult to move through the form. This does not occur on an iPhone.

  • David JotForm Support
    Replied on November 17, 2016 at 6:22 PM

    If the form is embedded to a webpage via an iFrame, you can increase the size of the frame until the full form is shown.  You can then set the "scrolling" attribute from Yes to No to disable scrolling. 

    Here is the start of some example iFrame code:

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

    The highlighted values are what you would change. 

  • piapete
    Replied on November 17, 2016 at 6:30 PM

    Thanks David. 

     

    Where the form is embedded in a wordpress website, what should the code look like? Right now it's set up as such, "[embed]https://form.jotform.co/form/62808135367864[/embed]"

  • Chriistian Jotform Support
    Replied on November 17, 2016 at 9:28 PM

    You can replace the embed code on your website ("[embed]https://form.jotform.co/form/62808135367864[/embed]") with the iFrame embed code provided by my colleague below:

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

    You can increase the height of the form by editing the value on the height (highlighted text).

    Alternatively, if you want, you can also try using the Jotform Embed Plugin. Here's our guide on how to Embed JotForm in Wordpress using the Embed Form Plugin.

    Please let us know if the issue persists. You can also share with us the link to your wordpress website so we can check it there as well.
    Thank you.

  • piapete
    Replied on November 17, 2016 at 11:14 PM

    When following this method (i.e. pasting the html into the html tab of the wordpress page), the page just showed a link to the form, it was no longer embedded.

  • Chriistian Jotform Support
    Replied on November 18, 2016 at 12:22 AM

    I see that the iframe embed code did not work for your page. In that case, can you please try using the Jotform plugin instead? For your convenience, here's the link to our guide: Embed JotForm in Wordpress using the Embed Form Plugin.

    It would also help us if you can share us the link to the wordpress page where your form is embedded.
    Please let us know how it goes. Regards.

  • piapete
    Replied on November 18, 2016 at 2:55 AM

    I had a chat with wordpress.com support and they have advised unless the site is hosted on wordpress.org, the plugin or other code above it won't work.

    They specifically linked me to the below page:

    https://en.support.wordpress.com/code/

     

     

  • Chriistian Jotform Support
    Replied on November 18, 2016 at 3:08 AM

    Thank you for the clarification. I see that you are using Wordpress.com, and not Wordpress.org. The plugin I mentioned was designed for the Wordpress.org only. 

    Since you are using Wordpress.com, can you please try embedding the form by pasting the form's url to the page? Here's our guide on Where to Find the Form URL.

    Please let us know if the issue persists.

  • piapete
    Replied on November 18, 2016 at 3:36 AM

    I have tried both pasting the URL as well as the URL in embed tags however, it still causes the same issue.

  • Chriistian Jotform Support
    Replied on November 18, 2016 at 4:14 AM

    I was able to replicate the issue on my Wordpress page using my Android device and on an Android emulator. The form does not scroll back to top after it is submitted.

     

    Wordpress Screenshot 20

    I will forward this issue to our backend team for further investigation. We will let you know on this thread once we have any updates on the issue.
    Thank you.

  • piapete
    Replied on November 18, 2016 at 3:08 PM

    Thanks Chriistian. Were you also able to replicate the issue where there is a window within a window and the scroll bar works quite strangely on Android?

  • BJoanna
    Replied on November 18, 2016 at 5:01 PM

    I am not sure if I understood your last question. I have tested form that my colleague embedded on his WordPress page on my Samsung Galxy S4 and I saw that there are two scroll bars, one of the form and one of the website, but they are working correctly on my end.

    If this is a separate issue, then I would suggest you to open separate thread and provide us more details about it. This way we can avoid confusion on this thread. 

    Original issue that you reported is assigned to one of our developers and we will inform you via this thread once that issue is resolved.