I have my own Canvas app and i want to get the original lightbox.
So you have the same case as in Facebook. Click on a Picture and get a lightbox for comments and so on.
I found a Thread about it here but there was no anser and it was old(Old Api).
You can't use the Facebook theater mode (Facebook lightbox) in your apps. You need to use your own lightbox library keeping in mind that you are inside an iframe.
i designed a special facebook lightbox theme for the colorbox - you can use that, and it works with iframes.
Related
I'm using the Page plugin feature in order to generate a rendered facebook events feed for a XAML application I'm working on.
https://developers.facebook.com/docs/plugins/page-plugin
On the page, it gives you the option to put in a facebook link, and it will then render a timeline or events page in which you can grab HTML code from. I am taking the Iframe code and harvesting the URL, then having it render within a webview in XAML. The issue I am running into is that facebook won't render the page I need. This prevents me from getting the URL out of the Iframe.
Does anyone know what sort of restrictions facebook places on rendering page plugins?
Is it possible to place an picture in the FB timeline and when click on it, a popup window with an iframe or lighbox appears?
I want place an interactive video in the Timeline. Visitors must click on the picture without leaving the Facebook page.
No, you can't inject popups/Lightboxes into the Facebook Newsfeed.
You can try use swf, and their character of custom video players, to get some interactivity. But in general, people don't really enjoy that experience.
I want to open Facebook page inside iframe but does not render page when I try to just include IFrame with src pointing to Facebook.com. Right now I am opening it inside a window but want to open it inside a frame.
Is there any way to open Facebook page in IFrame?
Facebook, as most serious sites explicitly disallow this in order to prevent clickjacking.
One of the ways Facebook do this is by sending the 'X-frame-options:deny' header, which instructs your browser to not display the page inside an iframe.
Are you talking about a facebook page within your own website?
If so;
<iframe src="http://www.facebook.com"></iframe>
If not could you provide more information.
Update
See below comment. It seems Facebook blocks it's pages from being includes in iframes.
I had links that worked before timeline, and since we moved to timeline, they don't. We are using the Facebook iFrame for our content.
What is going on? When we click on the link, it seems like something is blocking the browser from changing the page.
http://www.facebook.com/Activis?v=app_179997328701001
Edit : I'm still investigating that problem; One thing I should mention is that only links that go to another Facebook App don't work. The ones that go to something else than Facebook (A blog, Twitter and Linkedin) work fine.
TommyBs Wrote:
Is the target of the links the same frame? I find sometimes that facebook doesn't let you redirect to an iframe of facebook. E.g - Make sure you either set the link to target="_top" or make sure it is a full url of an app and not the app on facebook. Otherwise you're basically loading an iframe of facebook, with an iframe of your app within the existing iframe
Yup, putting a target="_top" on my links worked. Thanks!
Is it possible to show users custom message with a single OK button in a Facebook-style dialog box, say, in an iframe app? Is this dialog box available in the Facebook (Javascript) API?
Example:
I don't believe that Facebook allows you to display dialogs outside the ones listed in the FB:Dialog documentation on their webpage.
However, this should be possible to implement yourself. Download a copy of the Facebook.js SDK, and look for the code where it draws the dialog. You could then use this wherever you want to draw as many Facebook-esque dialogs as you like!
Edit: This thread from the Facebook developers forum has some good stuff on already-developed FB.ui lightbox clones: reuse facebook lightbox JS