Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I set the Page Tab height on a Facebook app?

Tags:

facebook

I have created a Facebook Page Tab app using the Heroku hosting option. I see an option for setting the width of the Page Tab to either Normal (810px) or Narrow (520px), but don't see an option to set the height, as there is when creating an 'App on Facebook' app.

I understand I could set this app up as an 'App on Facebook', but am wondering if I might be missing something in the 'Page Tab' app setup.

Here is a screenshot of the 'App on Facebook' and 'Page Tab' app setup page.

like image 917
Rob Dyson Avatar asked Dec 29 '12 21:12

Rob Dyson


People also ask

Where is the More tab on Facebook Mobile?

Go to your friends tab and select the "More" section.

What are tabs in Facebook?

The Difference Between Tabs & Boxes Application tabs are separate pages inside your Facebook profile, as indicated by the arrows in the screenshot below. This is very similar to how tabs work in modern browsers such as Firefox, Chrome and Internet Explorer. You click on a tab to be taken to a new page.

How do I get rid of video tab on Facebook?

Remove Tabs by Long-Pressing The easiest way to remove a tab from the Shortcuts Bar is by long-pressing on one of the icons.


2 Answers

Here's what worked, based on https://stackoverflow.com/a/13181388/820113

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

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

And a <div id="fb-root"></div> in the body.

like image 85
Rob Dyson Avatar answered Sep 18 '22 16:09

Rob Dyson


Found latest solution @ Step 2014

What you need to do

After add this:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '{Your-mail-App_id}',
      xfbml      : true,
      version    : 'v2.0'
    });
      FB.Canvas.setSize({ width: 770, height: 735 }); // set your own figure
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

That is all. It will work for sure. FB.Canvas.setSize() without parameters means leting FB auto detect page size.

like image 37
Qin Wang Avatar answered Sep 19 '22 16:09

Qin Wang