Geek Answers Handbook

Issue with iframe height

I know this topic has been asked and answered several times, but please believe that I spend many hours looking for help and answers that work and / or I can really understand.

This is the same problem: I figured out how to add a custom tab and even a custom icon for it (and I'm very glad I was able to do this!). But, like many other requests for help, it has terrible scrollbars. I, like others, want him to circumvent it with a limited size of 800 pixels. I have several different fixes for this: some of them I tried unsuccessfully, and some just crossed right above my head, and I don’t understand what is written at all, where it goes, and what needs to be edited in it.

I would really appreciate it if someone takes the time to guide me through the process and explain what and how to please.

View page here: http://www.bronts.com/bronts_facebook/index.html

View facebook page here: http://www.facebook.com/pages/brontscom/191839754181703

+5
source share
3 answers

You will need to use javascript sdk to automatically configure the iframe in the pagetab application. To do this, you will need the application identifier. See https://developers.facebook.com/docs/reference/javascript/

FB.Canvas.setAutoResize (); sets the height of the canvas.

. http://www.facebook.com/apps/application.php?id=135669679827333&sk=app_135669679827333

: setAutoResize(); setAutoGrow();

: , , .

---------- <body> .

      <div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
    appId  : 'Your-App-Id-Here',
    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
        });
/* sets auto size to app canvas and page tab app. */
FB.Canvas.setAutoResize();
      };
      (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>
+5

overflow: hidden; body jQuery.ScrollTo iframe.

0
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() 
{
    FB.init({ appId: '1375268019431848', 
    status: true, 
    cookie: true,
    xfbml: true,
    oauth: true});

    FB.Canvas.setAutoGrow();
    FB.Canvas.setAutoResize();
}
</script>
0
source

More articles:


All Articles