How to dynamically adjust height of embedded form when using Iframe code?

  • Searles
    Asked on September 26, 2023 at 5:39 PM

    I'm having issues with formatting the form using this method. The form is only showing a third and when I increase the height there's extra space at the bottom throwing off spacing. Is there a proper method to dynamically adjust height for viewing on desktop vs mobile?

  • Gilbert JotForm Support
    Replied on September 27, 2023 at 2:47 AM

    Hi Searles,

    Thanks for reaching out to us for help. Can you share the link to the site where you embedded the form using its Iframe code so we can check?

    After we hear back from you, we’ll have a better idea of what’s going on and how to help.

  • Radds
    Replied on October 1, 2023 at 5:56 AM

    I HAVE FOUND THE SOLUTION IF AFTER YOU CHANGE TO IFRAME, A PORTION OF YOUR FORM IS STILL CUT OFF. 


    The cut off is usually at the scrolling portion of your form. So if your form requires scrolling, you have to eliminate this by adjusting the height of your iFrame coding. 


    This answer is what helped me. I changed mine to 1050px which made the form a bit longer than it needs to be. You can change to the appropriate height for your form by adjusting px to what you need. This can be trial and error or if you know the height needed, you should be able to enter it in and have it adjusted.


    https://www.jotform.com/answers/4214358-embedded-form-is-cut-off-at-the-bottom-and-not-scrolling

  • Justin_E Jotform Support
    Replied on October 1, 2023 at 6:17 AM

    Hi Radds,

    Thanks for getting back to us. Just to confirm, is the issue on your end resolved? If not, please let us know and give us more information so we can help you further.

    Let us know if there's anything else we can help you with.