Google Gadget- Is there any way to return the page to the top once a user hits the submit button?

  • sbufsaweb
    Asked on September 3, 2015 at 2:17 PM

    I embedded my form in a google site using the google gadget. Is there any way to return the page to the top once a user hits the submit button? Unfortunately, we can't use iframes for google sites..

  • David JotForm Support Manager
    Replied on September 3, 2015 at 5:35 PM

    Can you please share the URL of the webpage where the form is embedded?

  • sbufsaweb
    Replied on September 4, 2015 at 12:50 PM

    The page is local. Here is the jotform url

    https://secure.jotformpro.com/form/52444336536961

  • David JotForm Support Manager
    Replied on September 4, 2015 at 2:03 PM

    I haven't figured out how to bring the form to the top of the page once submitted using the gadget method: https://www.jotform.com/help/19-Adding-Form-to-Google-Sites

    Google Gadget  Is there any way to return the page to the top once a user hits the submit button? Image 1 Screenshot 30

    But, after researching, it seems it's possible to use the Iframe embedded method in Google Sites: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code, according to my colleague's solution here: https://www.jotform.com/answers/501987-Embedding-form-to-Google-sites-that-use-https

    1. Go to your Google site.

    2. Switch to Edit mode.

    3. Open Insert Menu and select More gadgets at the bottom.

    4. Select Embed Gadget.

    5. Put your form iFrame embed code, adjust gadget width and height, then press OK.

    Google Gadget  Is there any way to return the page to the top once a user hits the submit button? Image 2 Screenshot 41

    Reference: https://sites.google.com/site/amslerclassroom/using-an-embed-gadget

     

     

    So this is your code to use:

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

     Let us know if this helps, we will be glad to assist you.