Part of form is not showing when embedded to a webpage

  • mokaneratest
    Asked on October 4, 2016 at 12:58 PM

    Hello, 

    my embedded form is not showing properly.

    This is a multi-step form, and I'm having several issues displaying buttons correctly. Also on mobile. 

    My form is already embedded with an iframe code. Still not working.

    Can you help?

    Jotform Thread 950800 Screenshot
  • David JotForm Support
    Replied on October 4, 2016 at 2:41 PM

    Your form is working properly, if the embedded form is not, replace your current embed code with your forms iframe code:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    If that does not work, let us know the URL of the page your form is embedded to and we will be happy to have another look.

  • mokaneratest
    Replied on October 4, 2016 at 3:13 PM

    It's not working. 

    www.samuelepolenta.it/SaaS_Telecoms/ 

  • David JotForm Support
    Replied on October 4, 2016 at 4:20 PM

    The height of your iFrame is set quite low.  At the beginning of the iFrame code, there is a height attribute.  Increase this value until the full form is shown.

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

    Alternatively, you can also set scrolling to "yes":

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

  • mokaneratest
    Replied on October 4, 2016 at 5:01 PM

    Thank you but if I increase the height value it goes back to 338. Also with auto value it doesn't work. Scrolling enabled not working good also. 

  • David JotForm Support
    Replied on October 4, 2016 at 6:05 PM

    Try without the resize script.  Add just this part of the code to your page.

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

    Adjust the height to suit the page.  If that does not work, let us know and we will be happy to have another look.