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.
Related
I am building a Facebook Page Tab. It links to a website that is being loaded into Facebook as an iFrame, following strictly along the lines of developing Facebook page tabs.
I notice though, on Facebook Stories (a tab from the Facebook fan page) they have a border around the loaded iframe.
It does not appear at the original source of the iframe, though. And I do not see an option for it in the Facebook Page Tab settings - it also appears to match the style/css of the facebook iframe.
My question is: How can I have a border surrounding an iframe loaded in another page (this instance, Facebook Page Tab) that does not appear at the original source of the webpage?
Thanks!
The Facebook stories tab you refer to doesn't have a border on the iframe. The border is set on the body with css.
If you check the source of the tab : https://www.facebookstories.com/tab/
You will see the border next to the scrollbar.
I hope this answers you question :)
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.
Can anybody guide about how
does the new FB timeline incorporate the iframe for its pages.
Or is there any new stuffs coming in to replace these stufs?
The way you create and display your iFrame will be the same, except for a size change.
The new iFrame will be 810px wide, instead of 520px - existing tabs (apps) that are set to 520px will just be centered on the page, so they aren't "broken." Giving us 290 extra pixels is great!
You can no longer set a tab as "default landing page". Instead, users always see the main Timeline view and have to actively click through to custom apps.
To edit which apps you display, click the drop-down icon to the right of the tiles, click the ‘+’ button to import your custom apps, and then hover over them and click the pencil to swap them around.
If you have a contest or something on a tab which you would have wanted set as the "default landing page", you can create a post on your page which has a few sentences advertising such, with a link to the tab. You can then "pin" this post to the top of your page, so it will be the first thing users read. "Pinning" and "starring" on your Page act exactly like they do on your personal timeline.
Here's a good explanation of all changes
was just trying to set up a canvas page for our app. Got empty scrollbars. Tried with a URL that's working in another app to see if theres something wrong with my iframed page. Empty scrollbars again. What setting would I have to change? Professor Google only told me about deprecated options for canvas settings.
This is my canvas page showing scrollbars:
http://apps.facebook.com/canvasscrollbars/
This is the canvas page I copied the iframed page from - no scrollbars here!
http://apps.facebook.com/tabpress
EDIT: Problem as described in Firefox, IE shows only vertical scrollbar. Safari and Chrome working fine and showing no scrollbars as desired.
Go to "Advanced settings" of your Facebook app, then find "Canvas Settings" section and change "Canvas Height" to "Settable (Default: 800px)".
In my case this fixed scrollbar problem.
With a Facebook iframe canvas app, is there any way to launch a modal pop-up (such as when clicking to magnify a photo, similar to http://fancybox.net/) that extends outside the bounds of the iframe's width? I'm thinking there would have to be some sort of communication with the _parent, but I'm not sure what's allowed or how to approach this.
In short, you can't.
Your application lives within an iframe within Facebook. You can't alter Facebook's code outside the frame (against their policy).
You can pop up a new browser window in full screen, if you'd like. But I'd question that as far as user experience goes.