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.
Related
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 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:
My IFRAME application is out of facebook layout. My app opens in a new browser tab, with the Facebook bar on top, oauth at center of the page, and ticker on right panel, but the left panel with user info (like pages, apps, etc) isn't there.
I want my app to open inside the facebook layout, like a page tab, I don't need more space than that.
Changing my app's config did not resolve the problem. The only basic settings I've checked is "App on Facebook", the advanced settings are for canvas width "fixed(760px)", canvas height "fluid".
How can I keep my IFRAME application inside the Facebook layout? The app can have only 520px width.
You should not create App on Facebook. What you are asking is Page Tab.
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!