Facebook popup dialog available? - facebook

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

Related

Facebook share button in modal iframe?

I am trying to get Facebook share option in bootstrap popup (modal). Is there any options to embed share windows in bootstrap modal? Facebook dosen't allow iframe for share buttons. Any idea how this might work?
You can use the Social Plugins wherever you want, but if they are created dynamically (which may be the case in the modal popup) you have to parse the code again, after the HTML code is created:
https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

use Facebook OpenGraph with a custom Facebook button?

I want to add Facebook OpenGraph tags to my page, but I also want to stick with the style of Facebook Like button that I currently have (a custom image tag).
The OpenGraph plugin instructions suggest you have to use Facebook's own Like button styles, and the customization options are limited.
Is there any way I can apply the Facebook Like code to my own image button?
UPDATE: to be clear, what I mean is that I have an image on my page that links to https://www.facebook.com/sharer/sharer.php?.... I don't have a standard Facebook Like button. Will this mean that the OpenGraph tags on my page don't actually do anything?
The old sharer.php endpoint will read the same meta tags as the Like button - when shared, the Facebook crawler accesses your site and pulls the metadata for the post (image, description, etc)
If you want to generate some sample metadata there's a form on the like button documentation (see 'step 2') to output tags in the correct format.
Use the Debug tool to see what tags Facebook detects on your site.
It's against facebook's policies to try and replicate or re-create the like button.
Adding open graph tags won't affect your page, but they will improve how it appears when shared or liked in Facebook.
You may create a button called share which opens the feed dialog (sharer.php is deprecated) but you must use the real like button, not a custom image tag.

Get Facebook Photo lightbox

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.

Facebook Javascript SDK change friend selector submit button text

I'm trying to use the Facebook Javascript UI method to show a friend selector dialog. However, because my app doesn't actually send invites to the selected friends, the text of the submit button is "Send Requests" is very misleading. Is there anyway I can change this text while still using a Facebook API?
I'm using
http://developers.facebook.com/docs/reference/dialogs/requests/
and have also tried
http://developers.facebook.com/docs/reference/fbml/multi-friend-selector/
I think that including fb:req-choice into the FBML of your UI could do the trick.
Example code can be seen here:
Showing popup in the new Facebook JavaScript SDK

facebook fb.ui display

i used to use <fb:serverfbml> and to parse it FB.XFBML.parse().
when i switched to FB.ui, it is very effecient. but as far as i understand, for "apprequests" method, i have to display mode available: pop up or dialog(iframe)
pop up opens in a new browser window. diolog opens iframe window in the same window
so i need to know, if it is possible to render FB.ui result as a part of html, as i can do in <fb:serverfbml>
moguzalp
note: i do a work around doing an rendering FB.ui result in iframe that a create. but it seems not a good idea
Don't use fb:serverFbml, Facebook has made it very clear they are phasing this technology out and are encouraging developers to re-write their applications as iframes. Facebook will continue to improve the FB.ui({method:'apprequests',...}) code.
One issue developers have raised about FB's on page solution for other FB.ui dialogs is the placement on the page. For pages that are more than a screenful, the dialog often appears in an illogical location. The Popup, if used correctly as part of a click event, will display for the majority of users.
I've also created a post illustrating the use of the new apprequests method
http://af-design.com/blog/2011/02/17/using-facebook-requests-to-promote-a-website/