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

    How can the next page of the survey go to the top instead of stay at the bottom?

    Asked by mikelnewman on February 21, 2016 at 01:51 PM

    Check out my wordpress blog page here.  https://drmikelnewman.wordpress.com/2016/01/20/pre-consultation-survey/

    When you click on next at the bottom of the first page, the second page appears but it stays on the bottom of the page and the user has to scroll to the top.  How can you fix this issue?

    Page URL:
    https://drmikelnewman.wordpress.com/2016/01/20/pre-consultation-survey<br/>/

    embed form wordpress iframe code oembed publish iframe
  • Profile Image
    JotForm Support

    Answered by Mike_G on February 21, 2016 at 03:59 PM

    I have tested the form from your website and was able to see what you mean. I have checked how your form is embedded on your website:

    <iframe width="100%" height="660" src="//oembed.jotform.com/form/60198473847165"></iframe>

    And this might be causing the issue, since the value of "src" is different from the one produced in Publish.

     Can you try to embed your form using the exact iframe code from Publish of the form builder?

    Getting-the-Form-iFrame-Code

    You may try to use the iframe code below.

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

    Let us know if you need any further assistance. Thank you.

  • Profile Image

    Answered by mikelnewman on February 21, 2016 at 04:10 PM

    When I use the iframe code...the jotform link is the only thing that shows up.  This makes the user click on it and view in a separate web box.

  • Profile Image

    Answered by mikelnewman on February 21, 2016 at 04:46 PM
    I have tried that method and it does not embed it. It just shows a link to
    the jotform.
    ...
  • Profile Image

    Answered by mikelnewman on February 21, 2016 at 04:46 PM
    It appears to only work when clicked on as an external link...
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on February 21, 2016 at 09:30 PM

    Can you try adding the full code of the iFrame embed code, including the script?

    Simply copy the code by following this guide: Getting the Form iFrame Code and paste all of it on your website.

    Do let us know if you have added the full iFrame code and if the issue still persists.

  • Profile Image

    Answered by mikelnewman on February 21, 2016 at 10:46 PM
    I have and it doesn't work.
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on February 22, 2016 at 12:18 AM

    We apologize for the inconvenience. A possible alternative for your issue would be to add a 'Jump to top' or 'Go to top' button below the second page so that the when that button is clicked, the form will display the top of the form.

    1. Add a text field above the page separator

    2. On the text editor, click the Insert Link button

    3. Insert the target of the form in the URL. The target will be #id_25, and display the text as Jump to top/Go to top. You can make the text more visible by changing its color in the editor.

     

    This is how it should work once you have added the Jump to top button to your form.

    Here's a cloned form so you can see it in action: https://form.jotform.com/60518537910961 

    You can also clone it to your account by following this guide: How To Clone A Form

  • Profile Image

    Answered by mikelnewman on March 31, 2016 at 04:44 PM
    I see the idea here, but that would only be helpful if when someone clicks
    the next button it brings them to the bottom. It appears when they arrive
    at the next page, its positioned somewhere in the middle. So scrolling
    down to the bottom to hit the go to top button doesn't seem logical vs.
    just scrolling up.
    Any other ideas?
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 31, 2016 at 07:32 PM

    I checked your form and I saw that on a page break when you click next your form it goes to middle of the page by default. Now, since there is no easy way to make scroll to top with CSS, you could try with embedding it by using JavaScript:

    <script type="text/javascript">

        $(document).ready(function () {

            window.scrollTo(0,0);

        });

    </script>


    Try embedding that script to your website and let us know if that helped. 

    That should scroll up your page on load.

    We'll wait for your response.

  • Profile Image

    Answered by mikelnewman on April 11, 2016 at 09:45 AM
    I'm not sure what to do with that but I don't think it worked.
    ...
  • Profile Image
    JotForm Support

    Answered by beril on April 11, 2016 at 10:34 AM

    First of all, we are sorry for the inconvenience this may caused you. According to my researches, if you embed your form with source code, it will fix that problem. We would appreciate it if you could try to embed your form with source code.

    Please test it on your side and let us know the result. If this does not resolve the issue, please let us know and we will be glad to take another look.

     

  • Profile Image

    Answered by mikelnewman on April 11, 2016 at 10:45 AM
    Just tried and it didn't look right, so I don't believe that resolved it.
    ...
  • Profile Image

    Answered by Huberson on April 11, 2016 at 12:21 PM

    I previewed the form from direct link the issue is not present. Also the form appears to be embedded using the JotForm oEmbed plugin.

    You could try using the Source Code and add it inside 'iframe' to prevent conflict with outside script - Get-the-Full-Source-Code-of-your-Form

    Or use the method from this guide - Embed-Form-to-Wordpress-com