Question

So I’ve been scouring the internet for solutions to remove the scroll bar from my custom tab page on my company’s facebook page. Granted, I’m not programmer and figured out how to build this thing yesterday, but would really like fix to this. It seems like there are a ton of solutions to the old format the FB app developer but nothing with the new version.\

I’ve been attempted to implement a bunch of the canvas size scripts that I have found but either they don’t or my page refuses to load.

Answer 1

jsteid

Here is a sample of how i resize my tabs using OAuth 2.0 and new javascript sdk.
http://www.facebook.com/anotherfeed?sk=app_135669679827333

If you are using % to set with they need to be under 100% at about 98% – 96% because of a margin in the frame.

<div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
    appId  : '135669679827333',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true, // parse XFBML
    //channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', // channel.html file
    oauth  : true // enable OAuth 2.0
        });
        //FB.Canvas.setAutoResize(); depreceated
            FB.Canvas.setAutoGrow(1000);
      };
      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());
</script>