Embedded Form with collapses makes the page jump up.

  • Profile Image
    ayyaesika
    Asked on July 16, 2019 at 07:56 PM

    Hello Support,

    My form, https://www.jotform.com/build/90562426390861, has a information page with collapsible sections. Most of the sections are working fine but when the section titled Itinerary is open the page jumps. 

    How can I fix this?

    The form is embedded in a webpage see https://farquharmacrae.blogspot.com/p/reunion.html.

     

    Thanks

  • Profile Image
    BDAVID
    Answered on July 16, 2019 at 09:44 PM

    Please try adding the "?nojump" parameter at the end of the form URL inside the Iframe code: https://www.jotform.co/form/90562426390861?nojump 

    1563327866src.png

    Let us know if you need more help.

  • Profile Image
    ayyaesika
    Answered on July 17, 2019 at 08:41 AM

    Hello BDAVID,

    I added the "?nojump" parameter and that works better in some ways but it depends on the order in which the collapsible sections are opened. If all the sections are opened in turn then when the last section "Other Information" is opened it is not visible.

    I have left the parameter in so that you can see how it works.

    Thanks

  • Profile Image
    roneet
    Answered on July 17, 2019 at 10:01 AM

    Could you please remove the onload="window.parent.scrollTo(0,0)"  in the iframe code that you have used on the website.

    Let us know how this goes.

    Thanks.

  • Profile Image
    ayyaesika
    Answered on July 18, 2019 at 12:05 AM

    Hello roneet,

    I tried removing the onload="window.parent.scrollTo(0,0)"  and keeping the "?nojump" and this didn't really work so I deleted "?nojump" and it still isn't quite right. (Actually the original version was probably better.)

    Any more ideas to try?

    Thanks


  • Profile Image
    jherwin
    Answered on July 18, 2019 at 03:03 AM

    How about embedding the form using the Jscript embed code?

    <script type="text/javascript" src="https://form.jotform.co/jsform/90562426390861?nojump"></script>

    Please give it a try and let us know how it goes.

  • Profile Image
    ayyaesika
    Answered on July 18, 2019 at 05:51 AM

    Hello jherwin,

    I created a new page to do this here https://farquharmacrae.blogspot.com/p/gathering-with-script.html.

    This quite works well for all but the last collapsible section.

    Thanks