Is there a max height for basic pages?

I've embedded a form from a third party service (JotForm). I placed the code in the Template of the page.

But the form on the page gets cut-off.

Go to: http://www.pistahan.net/parade_contingent_application
Click Submit without filling out any of the fields. You'll see error messages on the form fields (that's ok).
Now look to the bottom of the page - you can't see Submit anymore without having the scroll.

I've already adjusted the code to a height of 5000px (almost double the height of the form). Any suggestions on how to prevent this?

Official response from NationBuilder Support

There is no maximum height limit for basic pages. What's happening on your page is that the embedded code of your form is using an iframe with a specified height of 4770px with scrolling enabled. When the form refreshes with an error message, it makes the embedded form longer — but the height of the iframe doesn't change.

You can specify a larger iframe height by editing the code of the embed in your page-level template.

Share this post

Showing 7 reactions

How would you tag this suggestion?

Add comment (optional)

Sign in with

Facebook Twitter

Ian Patrick Hines

Hines Digital
Hines Digital
Certified Architect
Certified Expert

Ian Patrick Hines responded with completed

posted 2016-06-08 15:59:47 -0700
Ian Patrick Hines

Hines Digital
Hines Digital
Certified Architect
Certified Expert

Ian Patrick Hines commented
Em — The iFrame is initially loading the proper length to show the full form. When the form processes, the contents of the iFrame reload (but not the frame itself). The new contents of the iFrame are longer than the old contents (but the frame itself is the same height), which is why there is overflow.

Essentially the iFrame’s height controls are being overridden, and it’s instead defaulting to “auto” size to the height of the initial content. It does not resize when it’s contents refresh. That is why it appears to be “cut off.” This is expected behavior for iFrames.

It may be possible to use creative CSS and/or Javascript to override this behavior, but that would be relatively advanced theme work.
posted 2013-06-26 12:25:39 -0700
Rusty Sanchez

Rusty Sanchez commented
I did change the height in the iframe code. See http://screencast.com/t/0HJxc8xN7F where I show that the form is cut off. I then show the iframe code showing 3297px. I then change the height to 4297px , return to the form and as you can see it is still cut off.

Am I missing something? Am I not changing the height in the correct location in the iframe code? Am I placing the iframe code in the wrong location (the page itself, Template section)?

Also, I’ve noticed that no matter what I change the iframe height to, the page somehow defaults to 2680px as shown in this screenshot http://cl.ly/image/320v0V1k3r2X

Appreciate the help.
posted 2013-06-26 12:00:03 -0700
Rusty Sanchez

Rusty Sanchez commented
Ok. So this is expected behavior for iframes? Nothing I can do/add to prevent the cutting off? Thanks.
posted 2013-06-25 11:50:34 -0700
Ian Patrick Hines

Hines Digital
Hines Digital
Certified Architect
Certified Expert

Ian Patrick Hines commented
Apologies. I misunderstood what you meant when you said that you’d already set the height to 5000px.

Again, what’s happening here is that when the iFrame initially loads it’s sized to fit its content; this happens when your NationBuilder page loads. When you “submit” the form, it refreshes the iFrame — not your NationBuilder page.

The content of the iFrame is now longer, but the frame itself didn’t (and won’t) change size, as that’s how iFrames work. That’s why the content now exceeds the length of its container.
posted 2013-06-25 11:48:02 -0700
Rusty Sanchez

Rusty Sanchez commented
As I mentioned in my question, I already nearly doubled the iframe height to 4770px (the original code had 2770px) in the Template section of the page (where embed codes are supposed to go. I enabled scrolling because no matter what height I enter, the form always gets cutoff when the form expands.

I just now changed the height to 8770px with the same results.

Is “editing the code of the embed in your page-level template” mean somewhere different?
posted 2013-06-25 11:33:40 -0700
Rusty Sanchez

Rusty Sanchez responded

posted 2013-06-25 08:52:21 -0700