Jump to content

iframe code to shorten second page of a form

Go to solution Solved by tuanphan,

Recommended Posts

Posted

I have embedded an iframe code on our webpage to display a form (broken up into three pages). I increased the height of the page in the code so visitors would not need to scroll.

However the second page of the form is shorter, so as a result there is extra space at the bottom (screencap attached). Does anyone know of a way to add code to accommodate that for the second page of the form.

It isn't a dealbreaker if isn't possible but thought to ask. Thanks in advance for any guidance anyone can provide!

Example.png

  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

Here is the code - thank you!

<iframe src="https://survey.zohopublic.eu/zs/l0DXHb" frameborder='0' style='height:1900px;width:100%;' marginwidth='0' marginheight='0' scrolling='no' allow='geolocation'></iframe>

  • Solution
Posted
On 4/30/2024 at 1:31 AM, BarbaraA said:

@tuanphan thanks so much again for the offer to help! I've pasted the the code above as requested. 

We can set fixed height for iframe, and can't set dynamic height based on content inside iframe.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 5/1/2024 at 2:12 AM, tuanphan said:

We can set fixed height for iframe, and can't set dynamic height based on content inside iframe.

Thank you so much for taking a look and confirming!

 

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.