How to set pagetabs height to auto with no scroll bars?

Question

My page tab always has scroll bars if the page in the iframe is greater than 800px. I see there is a 'set canvas height to fluid' in that advanced setting but that dosen't seem to help. I've tried other suggestions like adding

   <script type="text/javascript">
    window.fbAsyncInit = function() {
    FB.Canvas.setSize();
   }
   // Do things that will sometimes call sizeChangeCallback()
   function sizeChangeCallback() {
    FB.Canvas.setSize();
   }
   </script>

but doesn't seem to work.

Any ideas?

Just to be clear: Have you embedded the JavaScript SDK into your page _and_ correctly initialized it? — CBroe, Jul 06 '12 at 08:26

score 0 · Answer 1 · edited May 23 '17 at 11:56

Try to add this CSS style in your CSS file, or in the header of your HTML files,

<style type="text/css">
body { overflow:hidden; }
</style>

And here i have answer a similar question - https://stackoverflow.com/a/11324976/555760,
about the Canvas setSize(), setDoneLoading() and setAutoGrow(),

FB.Canvas.setSize({ width: 810, height: 950 });

FB.Canvas.setDoneLoading( function(response) {
    console.log(response.time_delta_ms);
    FB.Canvas.setAutoGrow();
});

score 0 · Accepted Answer · answered Jun 09 '13 at 19:54

The only thing that worked after trying the suggestions above and many other possible fixes was to create a new facebook app.

I did use the following code:

window.fbAsyncInit = function() {
FB.Canvas.setAutoGrow();
}

But even that would not work until I created a new app. I don't know for sure but I think the original app may have been corrupt or too old.

How to set pagetabs height to auto with no scroll bars?

2 Answers2