-
smacrae347Asked on September 1, 2014 at 4: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
-
CarinaReplied on September 1, 2014 at 4: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 onDISABLEDload="self.scrollTo(0,0)" to your iFrame embedding code, as shown bellow:
<iframe onDISABLEDload="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
-
smacrae347Replied on September 1, 2014 at 4: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.
-
David JotForm Support ManagerReplied on September 1, 2014 at 5: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.
-
smacrae347Replied on September 1, 2014 at 5: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?
-
David JotForm Support ManagerReplied on September 1, 2014 at 6: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"onDISABLEDload="self.scrollTo(0,0)" " instead of "onDISABLEDload="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.
-
smacrae347Replied on September 1, 2014 at 6: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.
-
Kiran Support Team LeadReplied on September 1, 2014 at 8: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" onDISABLEDload="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!!
-
smacrae347Replied on September 1, 2014 at 8:58 PM
Yes, below is the code I currently have in the HTML apps area in my Wix website
<iframe id="JotFormIFrame" onDISABLEDload=”self.scrollTo(0,0)”allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>
-
Ashwin JotForm SupportReplied on September 1, 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" onDISABLEDload="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!
-
smacrae347Replied on September 1, 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.
-
Ashwin JotForm SupportReplied on September 1, 2014 at 11:28 PM
Hello smacrae347,
Please try to use the following code and see if this makes any difference:
<iframe id="JotFormIFrame" onDISABLEDload="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!
-
smacrae347Replied on September 1, 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.
-
Ashwin JotForm SupportReplied on September 2, 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!
-
smacrae347Replied on September 2, 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.
-
Ashwin JotForm SupportReplied on September 2, 2014 at 3: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!