Part of form is not showing when embedded to a webpage

  • Profile Image
    mokaneratest
    Asked on October 04, 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?

  • Profile Image
    david
    Answered on October 04, 2016 at 02: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.

  • Profile Image
    mokaneratest
    Answered on October 04, 2016 at 03:13 PM

    It's not working. 

    www.samuelepolenta.it/SaaS_Telecoms/ 

  • Profile Image
    david
    Answered on October 04, 2016 at 04: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" onload="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" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/62753523913356" frameborder="0" style="width: 100%; height: 338px; border: none;" scrolling="no">

  • Profile Image
    mokaneratest
    Answered on October 04, 2016 at 05: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. 

  • Profile Image
    david
    Answered on October 04, 2016 at 06:05 PM

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

    <iframe id="JotFormIFrame-62753523913356" onload="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.