Screen jumps when Form Tabs is used on embedded form

  • timbroer
    Asked on July 20, 2018 at 2:59 AM

    Hello, 


    When I change tab of this form, my screen jumps down. 

    https://eu.jotform.com/build/81993434557368

    Do you have any idea how I can solve this?


    Also you can find the text 'pleas run the wizard'. Do you know how I can remove this?


    Thanks in advance
  • BJoanna
    Replied on July 20, 2018 at 7:48 AM

    I was able to replicate the issue only on your embedded form. Please re-embed your form with the iFrame code but don't remove the default onDISABLEDload="window.parent.scrollTo(0,0)" part of the code. 


    If that does not help, add ?nojump to the end form URL.

    You can remove the script part of the iFrame code and use only the iframe part of the code. 

    Example:

        <iframe

          id="JotFormIFrame-12345678900"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          allow="geolocation; microphone; camera"

          src="https://form.jotform.com/12345678900?nojump"

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:539px;

          border:none;"

          scrolling="no"

        >

        </iframe>

    I moved your other question to a separate thread and we will provide you an answer there shortly - https://www.jotform.com/answers/1530226 

  • timbroer
    Replied on July 20, 2018 at 8:12 AM

    Thanks for your answer. The last solution was really helpfull. However there's a lot of space below the form now. Can you give me a solution for this?

    https://royalbrinkman.nl/test2 

  • BJoanna
    Replied on July 20, 2018 at 11:00 AM

    You can reduce the height of the iframe code to 500px, to see if that will resolve the issue with. 

        <iframe

          id="JotFormIFrame-12345678900"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          allow="geolocation; microphone; camera"

          src="https://form.jotform.com/12345678900?nojump"

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:500px;

          border:none;"

          scrolling="no"

        >

        </iframe>

    You can also try to reduce the height of the div element to which you added your form. 

    1532098618height Screenshot 10