Form embedded in SquareSpace page is cut off.

  • DMASCA
    Asked on November 20, 2018 at 10:41 PM

    I had a really long and detailed form on my SquareSpace website. It was constantly getting cut off. Adjusting the height of the iframe only added space at the bottom of my desktop version. This form can be seen on the 'Get a quote' page.

    I read somewhere in a forum that adjusting the size of your form could help. Since I couldn't remove anything, I condensed the height of it. Which can be seen on the 'Quote' page. It's still getting cut off. Are you able to see what might be breaking it?

    Jotform Thread 1649505 Screenshot
  • Ashwin JotForm Support
    Replied on November 21, 2018 at 3:32 AM

    I am sorry for the trouble caused to you. I am unable to check the webpage which you have shared at it seems to be password protected. 

    Please share the direct webpage URL where you have embedded your form and we will take a look. 

    We will wait for your response.

  • DMASCA
    Replied on November 21, 2018 at 4:57 AM

    https://davis-removals.squarespace.com/quote/Sorry, I removed the password protection, please check again.

    I have seen the issue pop up a few times in the forum but none of those fixes have worked for me.

  • Victoria_K
    Replied on November 21, 2018 at 8:22 AM

    Hello,

    I have injected the following code to your form:

    154280639315 19 05 Screenshot 10

    It seems to be displayed correctly now on desktop and mobile:

    154280643215 18 47 Screenshot 21

    154280644315 14 58 Screenshot 32

    Unfortunately, I was not sure which device is used on your screenshot. If the issue persists with specific device, please let us know so we checked again.

  • DMASCA
    Replied on November 21, 2018 at 7:10 PM

    Hello, 

    This only displays properly when the page is refreshed. On first load, it still displays as below: 

    1542845342IMG 9F5FBD1F9FFA 1 Screenshot 10

  • Ashwin JotForm Support
    Replied on November 21, 2018 at 11:15 PM

    I am sorry for the trouble caused to you. I would suggest you to please delete the iFrame embed code you have added and use the following iFrame code in form:

    <iframe id="JotFormIFrame-83238013176857" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.co/83238013176857" frameborder="0" style="width: 1px; min-width: 100%; height: 6178px; border: none;" scrolling="no"> </iframe>

    Please ensure that you delete the script code which is added along with the iFrame code.

    Do try it out and get back to us if the issue persists.