FB.ui dialog not displayed on mobile devices

Question

I am using FB.ui to trigger a requests dialog. The dialog loads properly on non-mobile devices. However, it fails to load on mobile devices like iPad. What appears is something like a popup/iframe with a 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 have tried with display: 'iframe', display:'popup', display: 'wap' and display: 'page'. But nothing works. How can I get it working on mobile devices? Thank you.

Solution

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

To display a mobile-friendly Feed Dialog, redirect 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 it works similarly for the apprequests method you are using.

Comments

[dheerosaur]

I have tried this solution on iPad and still couldn't get it working with apprequests. I will try one more time when I have time and mention the result here. Thanks for the response.

[Evan Layman]

It may not work in the same way as the feed dialog but I thought it was worth trying. Good luck and maybe someone with some more experience can help you out.

[Verbeia]

It's also possible the mod thought you were plugging your blog instead of providing a relevant answer. I've inoculated your answer against this, I hope, by adding the solution to your answer instead of expecting people to click through to your blog. People are much more likely to use the answer if it is self-contained in the SO site.