Comments on: Facebook Iframe Resizing Solution

By: Tony Fendall

Tony Fendall — Mon, 23 Apr 2012 20:57:48 +0000

Hello Waseem,
I am not exactly sure what could be going wrong in your case, but it could be that your page has not calculated its own size yet when you try to auto size. I would try temporarily creating a button to trigger the resize code so you can be sure when it happens and eliminate this possibility.

By: Waseem Sindhu

Waseem Sindhu — Mon, 23 Apr 2012 16:09:12 +0000

Hello Tony,

My application has 5 pages, questionnaire on each page has different number of questions so each page has different height. I’ve used

window.fbAsyncInit = function() {FB.Canvas.setSize();}

in HEAD tag and then called

FB.init({
appId : ”,
status : true,
cookie : true,
xfbml : true
});
FB.Canvas.setAutoResize(7);

after body.

But when I navigate through pages…if page01.php has 900px height and the next page page02.php with fewer questions has 700px of height, canvas height remains at 900px. How I could resize it to automatically get at 700 pixels?

Thanks.

By: Fergal

Fergal — Fri, 20 May 2011 11:44:46 +0000

Thanks Tony. Your solution worked perfectly for me.

By: arielalexco

arielalexco — Fri, 12 Nov 2010 19:04:36 +0000

Not working…. i was using the strict html 4. never the less it didnt work with 1 or 4 nore 5. not even with a 810px width

By: Tony Fendall

Tony Fendall — Fri, 06 Aug 2010 22:08:50 +0000

@Geronimo
I only ever use strict xhtml, but often when I code a new file from scratch (particularly if it’s only for a proof of concept) I don’t bother putting the doctype declaration in.

I learnt my lesson though

By: Geronimo

Geronimo — Fri, 06 Aug 2010 03:03:15 +0000

Hi Tony

I’m suprised you don’t use the strict xhtml doctype as standard. It’s the only doctype I’ll let my students use. I’d be interested in your comments about why so many developers are not disciplining themselves to work within the confines of strict xhtml.

By: Guillo

Guillo — Tue, 15 Jun 2010 20:13:42 +0000

Hey Tony,

So I was able to do a css fix that will resize our page to fir the 760px of the iframe.

I wan into another issue though. I placed the code offered by facebook to resize their iframe but is is also affecting my page. When I uncomment the code, the vertical scroll bar in our site disappears.

would you know how to fix this?

By: Tony Fendall

Tony Fendall — Thu, 20 May 2010 08:54:30 +0000

Hi Guillo – I’m not aware of anyone increasing the width of their canvas page to be greater than 760px, and I have no idea how it could be possible sorry. In the past I have always redesigned my applications to fit within 760px.

By: Guillo

Guillo — Sun, 16 May 2010 20:25:51 +0000

hey tony,

im hoping you can help me with my facebook app.

The width limit i see in facebook is 760px but my site is 976px. Also, my sites height is much larger than what my fb app is displaying.

I’ve gone back and forth in the fb documentation but i havent been able to figure it out. A competitor site of ours has successfully built their add and I am trying to also offer this to our users.

How can i get this to work?

By: David Peers

David Peers — Sat, 15 May 2010 19:28:39 +0000

Thanks, this blog aided me in narrowing down some problems with the latest version, Why do they always seem to leave out vital documentation when they release a new version? It may be trivial to them but not for us! I’m sure we’re not alone either.