What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by piapete on November 17, 2016 at 04: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.

    Android confirm scroll move
  • Profile Image
    JotForm Support

    Answered by david on November 17, 2016 at 06: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" onload="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. 

  • Profile Image

    Answered by piapete on November 17, 2016 at 06: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]"

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 17, 2016 at 09: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" onload="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.

  • Profile Image

    Answered by piapete 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.

  • Profile Image
    JotForm Support

    Answered by Chriistian 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.

  • Profile Image

    Answered by piapete on November 18, 2016 at 02: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/

     

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 18, 2016 at 03: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.

  • Profile Image

    Answered by piapete on November 18, 2016 at 03:36 AM

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

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 18, 2016 at 04: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.

     

    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.

  • Profile Image

    Answered by piapete on November 18, 2016 at 03: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?

  • Profile Image
    JotForm Support

    Answered by BJoanna on November 18, 2016 at 05: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.