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

    Go to top function after submission

    Asked by smacrae347 on September 01, 2014 at 04:04 PM

    I need my form to go back to the top after user clicks the submit button so they can see the Thank You msg.

    http://www.dogsbydebin.com/#!adoption-application/c1nei

    Page URL:
    http://www.dogsbydebin.com/#!adoption-application/c1nei

    top www
  • Profile Image

    Answered by Carina on September 01, 2014 at 04:33 PM

    I could replicate the same situation, with the thank you message becoming hidden as the form is submitted. 

    Please try adding this code  onload="self.scrollTo(0,0)" to your iFrame embedding code, as shown bellow: 

    <iframe onload="self.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/12985150393" frameborder="0" style="width:100%; height:1720px; border:none;" scrolling="no">

    Let us know if the problem persists.

    Thank you

  • Profile Image

    Answered by smacrae347 on September 01, 2014 at 04:55 PM

    So do I replace everything that is currently in my iframe with what is in blue and yellow above? It won't let me make any changes to the iframe.

  • Profile Image
    JotForm Support

    Answered by BDAVID on September 01, 2014 at 05:32 PM

    I guess the code that my colleague posted is an example code, simply go get your form's iFrame code, copy the code and paste it in a notepad, add the provided portion of code (the one highlighted in yellow) in your iFrame code as shown on the image above.

    Then copy iFrame code and replace it for the one that is currently embedded in your webpage. Let us know what happens.

  • Profile Image

    Answered by smacrae347 on September 01, 2014 at 05:46 PM

    BDAVID,

     

    I must be doing something wrong, it won't let me update the iFrame. I went in according to how it is showed above, but it will only let me highlight it. I was able to update the code in Notepad, but it won't let me copy it over.  Is there a different path or screen that I have to go into to actually update it?

  • Profile Image
    JotForm Support

    Answered by BDAVID on September 01, 2014 at 06:15 PM

    When you go to Setup&Embed, Embed Form:

    Select iFrame in the embed form wizard:

    Double click in the box, so all the code gets selected(when it is highlighted in blue) and copy it:

    Then paste it in a text editor:

    Remove the code between the script tags:

    Then add the code provided by my colleague"onload="self.scrollTo(0,0)" " instead of "onload="window.parent.scrollTo(0,0)" " :

    Once you have it, simply copy it all:

    And paste it instead of the embedded code you have in your webpage, Let us know what happens.

  • Profile Image

    Answered by smacrae347 on September 01, 2014 at 06:46 PM

    Ok, I did that but it still isn't scrolling to the top of page so that the user can see

    that page has been submitted.  The msg is there if I manually scroll up to the top of 

    page, but it doesn't do it automatically.

  • Profile Image
    JotForm Support

    Answered by Kiran on September 01, 2014 at 08:48 PM

    I see that you are using Wix platform to build your website. Could you confirm if you are using the method as provided in the guide Adding-a-form-to-Wix-Site is followed to embed the form in the website.

    If not, could you try replacing with the following code to embed in the website by following the guide Adding-a-form-to-Wix-Site that is provided with step by step instructions and graphical illustrations.

    <iframe id="JotFormIFrame" onload="self.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

    If the issue still persists, please reply to this post. We are happy to look into further.

    Thank you!!

  • Profile Image

    Answered by smacrae347 on September 01, 2014 at 08:58 PM

    Yes, below is the code I currently have in the HTML apps area in my Wix website

    <iframe id="JotFormIFrame" onload=”self.scrollTo(0,0)”allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 01, 2014 at 10:31 PM

    Hello smacrae347,

    I did check your web page where you have embedded your form and it seems the syntax in the iFrame code you have added is not correct. Please check the screenshot below where I have marked the error:

    Please replace your existing iFrame code in your wix site with the following iFrame embed code and see if that solves your problem:

    <iframe id="JotFormIFrame" onload="self.scrollTo(0,0)"  allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

    Hope this helps.

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by smacrae347 on September 01, 2014 at 10:39 PM

    It still doesn't take me to the top, so that the user can see the Thank You msg at the top.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 01, 2014 at 11:28 PM

    Hello smacrae347,

    Please try to use the following code and see if this makes any difference:

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

    Thank you!

  • Profile Image

    Answered by smacrae347 on September 01, 2014 at 11:47 PM

    Well, we may be getting close.  :)   

    When I submit the form now something flashes on the screen but goes away before I can read it, but I still have to scroll up to the top of the form to see the Thank You msg.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 02, 2014 at 12:19 AM

    Hello smacrae347,

    This is strange. 

    Which WIX theme are you using? Please let us know and we will try to configure it here for testing. For now I would suggest you to add a custom thank you page in your web site and redirect your user to this page after the form submissions. The following guide should help you:  http://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page 

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by smacrae347 on September 02, 2014 at 12:28 AM

    I'm not sure how to find out which WIX theme I'm using?  Can you suggest how?

    I will go ahead and try and set up a custom thank you page in my website for now, as you suggested.

     

    Thank you for your persistence with this.  

  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 02, 2014 at 03:29 AM

    Hello smacrae347,

    I did try to figure out how find the wix template name currently used in wix website but could not find it. I will try to find an option for this.

    Please go ahead and add a custom thank you page in your web site and see if that solves your problem.

    Do get back to us if the issue persists.

    Thank you!