I have a facebook application which lists a list of categories in an iframe in facebook page. In the old facebook view, it is fit to the width where the iframe width is 520px. But when the page is opened in the new Timeline view, it's width is still 520px.
Since the function FB.Canvas.setAutoResize() is now deprecated by Facebook, I tried using FB.Canvas.setAutoGrow(). But still, it is not working.
Can any one please suggest a solution to auto adjust the canvas in both facebook page with timeline installed and without that??
Thanks...in advance..
You need to change this in the settings of application:
Related
Just before i start, i have searched for a long time and read many posts,
the Facebook page app is different from a normal app, at least when it comes to height.
I have a facebook page app (runs inside a facebook page) that runs inside facebook's iframe.
the iframe has a specifc height that i want to change to avoid inner scroll bar.
link
there is nothing about the height parameters inside the app settings.
any ideas?
thanks
Go into http://facebook.com/developers -> click to your app -> "Basic" menu item -> and there is the section called App on Facebook . There are parameters of canvas (width and height).
Hope it helps.
we known fb launches timeline pages
whats the width of fb tab app of timeline pages?
do you known the actual width or/and any offical guide which shows the width of app for timeline pages
thanks
"You can adjust the width of an app on your Page to be Narrow (520px) or Wide (810px)."
http://www.facebook.com/help/?faq=295605743827115
I'm trying to get Fancybox to center up on the screen within a facebook iframe app. Everything works fine on my test page outside of FB but once I put it in my app it shows up centered according to the iframe height not the viewable screen. I have also noticed that the 'centerOnScroll': true is also ignored when using inside FB app. Any suggestions would be great and much appreciated.
Centering in a iframe according to it's viewable height is generally not workable. Have a look at the following answer.
Fix an element inside an iframe in the center of the screen
I want to use fancybox in a facebook tab based page. In that page there are seperate pages loading in fancybox, but what is happening is I can not give width of that page more than 520px as my fancybox opens inside the facebook page so there is a scrollbars in my facebook page. Is there a way where I can load my fancybox as overlay on full page so there my new pages that are opening in fancybox can have more than 520px width.
Thanks in advance
No, you only have control over the space that Facebook gives to you in your iFrame. There are certain dialogs you can ask Facebook to display, see if one of them fits your needs.
I want resize the iframe height of my tab page. I am trying FB.Canvas.SetSize method, also I try with jQuery and javascript resize the iframe but don´t work.
My application is not a Canvas.It is a tab page so i think "FB.Canvas method should not work with tab page".
How could resize my tab page on facebook profile?
How could drop the iFrame scrollbars on tab page?
Excuse me I also need to know if I could modify the share button with a custom image.
Thanks in advance
Provide some code
Make sure you have the Canvas Height option is set to Settable under the App Advanced Settings
Use asynchronous Loading of your JS-SDK and put your FB.Canvas.setSize(); inside the fbAsyncInit function
Please note that the fbAsyncInit function may fire (and hence your FB.Canvas.setSize();) before all images of your page are loaded! which means actual height of page is not reached yet!