Why do I get a popup instead of an in-page modal dialog box when call requireSession or click on fb:login-button?

Question

Update: The problem seems to have magically fixed itself, because I don't know what changed. If someone has an idea about how I accidentally fixed it, please post (I include myself :P).

I'm trying to use Facebook Connect on my site, but I'm having trouble with using requireSession or fb:login-button. Currently, when a user clicks the connect button, they get a popup window,but I really want to show an in-page modal. How do I do that? Currently, what I've got in pages is this HTML code:

<a href="#" onclick="FB.Connect.requireSession(on_session_ready); return false;">
  Connect with Facebook&nbsp;
  <img id="fb_login_image"
       src="http://b.static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_dark_small_short.gif"
       alt="Connect"/>
</a>

(I'm pretty sure it on_session_ready doesn't matter for problem, because it only gets called after fb connect gets a session.)

I've also tried using the fb:login-button XFBML tag, but I also get a popup window when I do that.

What am I doing wrong?

Answer 1

You are not doing anything wrong. Facebook is currently split-testing modal vs popup login boxes.

They will most likely settle on popups for security reasons. But in the meantime, you have no control over which type of dialog box your users see.

PS: This is well-covered on the Facebook Developer Forums.

• http://forum.developers.facebook.com/viewtopic.php?id=25808
• http://forum.developers.facebook.com/viewtopic.php?pid=157799
• http://forum.developers.facebook.com/viewtopic.php?id=29523