Geek Answers Handbook

FB.ui dialog is not displayed on mobile devices

I use FB.ui to start the query dialog. The dialog loads correctly on non-mobile devices. However, it does not load on mobile devices such as the iPad. Something like a popup / iframe with loading-gif .

  FB.ui({ method: 'apprequests', message: 'Hello People', title: 'A friendly hello', data: 'some-data', display: 'touch', access_token: my_access_token, }, callback);

I tried with display: 'iframe' , display:'popup' , display: 'wap' and display: 'page' . But nothing works. How can I make it work on mobile devices? Thanks.

+7
source share
2 answers

I used URL redirection for my mobile devices, like here: http://developers.facebook.com/docs/guides/mobile/#web

To display the mobile channel, the Dialog redirects the user to the following URL:

http://www.facebook.com/dialog/feed ? client_id = YOUR_APP_ID & redirect_uri = YOUR_URL & display = touch

I assume that it works similarly for the apprequests method that you use.

+4
source

My original answer was deleted because the mod thought I was creating a new question. I really answered

I tried this solution on an iPad and still couldn't get it to work with apprequests. I will try again when I have time and mention the result here. Thanks for the answer. > - dheerosaur Jul 18 at 10:52

I found a solution for people still having problems with the iPad, namely @dheerosaur and documented it here:

http://deansofer.com/posts/view/9/Facebook-UI-Modals-on-iPads-are-Borked

The trick is to provide this piece of CSS:

 #fb_dialog_ipad_overlay { width: 600px !important; }

I also sent a Bug ticket to FB to study it.

0
source

More articles:


All Articles