Form embedded in SquareSpace page is cut off.

  • Profile Image
    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?

    Screenshot
  • Profile Image
    ashwin_d
    Answered on November 21, 2018 at 03: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.

  • Profile Image
    DMASCA
    Answered on November 21, 2018 at 04: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.

  • Profile Image
    Victoria_K
    Answered on November 21, 2018 at 08:22 AM

    Hello,

    I have injected the following code to your form:

    154280639315-19-05.png

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

    154280643215-18-47.png

    154280644315-14-58.png

    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.

  • Profile Image
    DMASCA 
    Answered on November 21, 2018 at 07:10 PM

    Hello, 

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

    1542845342IMG_9F5FBD1F9FFA-1.jpeg

  • Profile Image
    ashwin_d
    Answered 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" onload="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.