Facebook iFrame Applications are the easiest way to get onto Facebook Application development without knowing much of Facebook's own markup language - FBML. iFrame applications also let you leverage the cool jQuery effects which are otherwise not possible in a FBML based app.
However there is a limitation to using the iFrame based Facebook apps. When the content of the frame in your app crosses the standard Facebook canvas width of 760px or the content crosses the height of the Facebook page, ugly looking scroll bars are rendered into the iFrame apps by Facebook. But not to worry, there is a workaround to this. In this article we will tell you how to resize iFrame & remove scrollbar from your iFrame facebook app.
The code to setup the iFrame removal logic is pretty simple and is shown below. It uses the FB.Canvas.setSize method from the API. This method works when you know the height to which the iFrame has to be resized. So, what do you do when you do not know the height. Well, theres another method for that too!
Now you know how you can resize iframes according to your needs in Facebook iframe applications and remove the ugly scrollbar from it. If you are facing any problem with the implementation do write to me at: [email protected] You can also hire me for developing Facebook applications for you. Here is a video of the entire implementation: (direct link to video)