I'm running into this simple issue but not able to find any docs for this.
I was using the following facebook login button which was displaying a long/large facebook login button and this works perfectly fine
<fb:login-button length="long" size="large" perms="publish_stream,offline_access,email,user_events,rsvp_event,user_about_me,user_location,user_website,sms"></fb:login-button>
Now I wanted to use the social plugin and show the faces - so I saw the sample code here - http://developers.facebook.com/docs/reference/plugins/login
<fb:login-button show-faces="true">
But I'm not able to specify the attributes length and size here - even if I do add - the size does not change
<fb:login-button show-faces="true" length="long" size="large"></fb:login-button>
Any ideas on how to increase the size of the button.
Thanks
You cannot change the size of the button when using show-faces="true" at this time.
Related
I took the code from this page http://signsanddesigns2go.com/?page_id=608 and it works but I want it on my home page so I went to the editor and tried to copy and past the code under the banner slider it showed up but the images did not rotate can anyone help me with this issue please and thank you.
Have you added the auto attribute?
.jcarousel({
auto:2,
scroll:1,
wrap:"last"
})
This has surely been covered countless times, but I cannot find a working solution.
how do you get rid of the scrollbars in a Facebook iframe app in Chrome. Both IE & Firefox are fine.
Using the suggested CSS overflow:hidden, simply cuts off the content if its over 800px in height.
Even the Facebook Coca Cola iframe app has the content cut off!! see here
http://www.facebook.com/cocacola?sk=app_161193133389
this is what is also happening to my app in Chrome (v. 16.0.912.77 m)
add this to your canvas app's fb js:
FB.Canvas.setSize({ width: 520, height: X });
where X is the height you want.
If your app is fluid use:
FB.Canvas.setAutoGrow();
i had a similar issue: after adding FB JS SDK and
FB.Canvas.setAutoGrow();
i had to set
body{}
in css to keep the scroll bars from showing in chrome. In my case is was padding.
body{
overflow: hidden;
margin: 0px;
padding: 0px;
}
I would also try to set the size with a delay and experiment with it a little:
window.setTimeout("FB.Canvas.setSize({ width: 520, height: 1111 })", 2000);
Also don't forget to initialize Facebook with your app id ( FB.init ) before calling FB.Canvas.setSize or FB.Canvas.setAutoGrow.
You have to make a few tweaks to you app. First, add the following code to your page:
FB.Canvas.setAutoGrow(); to tell the Facebook SDK to resize the iframe if the contents is longer.
Add overflow: hidden to the <html> or <body> CSS
Check your app settings and make sure you have set the Canvas Width to 'fluid' and Canvas Height to 'fixed' (Go to Settings > Advanced > Scroll to Canvas Settings.)
All of these things should fix the scroll bars. If it doesn't, using something like "Inspect Element" in Chrome to see if something is causing the bars to appear.
There are various solutions you could try below. Please comment as to which one, or if none of them work and I will update this answer accordingly.
If you haven't already, try adding: body{overflow:hidden;}
You may also have javascript disabled.
Alternatively, you could set the fixed height for the app very high in the app settings, where it says: fixed[ ]. Also make sure that fixed is selected on your app settings.
If this happens on other apps, including that CocaCola page you mentioned, then it could possibly be the browser. Try updating. I use the Chrome 19.0.1084.56 and I have no problems, (except for me the height is always pushed to a 1200px maximum height).
Also look here: 'Choosing between Facebook iframe scrollbar or page cut off halfway' where there is a solution that you can try.
Edit: Also look here: 'Timeline page app height stuck at 800px'.
Edit: After some looking through the Facebook bug area, Facebook say this is not a bug on Facebook's end, therefore must be a problem in your code. (Source: 'https://developers.facebook.com/bugs/360687100649759')
If that doesn't work, then comment and say so and I will do some further research.
We are using the following code to generate a Facebook app request dialog in our Facebook canvas app.
var options = {
method : 'apprequests',
message : 'MESSAGE',
title : 'TITLE'};
FB.ui(options, function() {alert("called back");});
When we make this call in mobile Safari on an iPad, the height of the app request dialog extends well beyond the height of the canvas, so that the user scrolls down to see a very long dialog on top of a blank background toward the bottom of the page.
Please note that this does not occur in the Facebook iPad app itself, only when accessing facebook.com through mobile Safari.
I've tried calling FB.ui with the 'touch' option - doesn't help.
I've tried calling FB.ui with the 'iframe' option and an access_token - I get a 191 error which I haven't been able to figure out how to fix.
I've made various attempts to set styles for the DOM elements that I can see make up the app request, but this isn't working.
I've tried to use
FB.Canvas.setSize($('body').height())
to force the size of the canvas in the hopes that the overlaid dialog would respect it, but no such luck.
The other approach I've considered is attempting to manipulate some of these DOM elements in the app request dialog, but this is not looking promising.
Height setting on this canvas app. is "Settable". Changing it to "Fluid" doesn't help.
Any help is appreciated.
Wes
Update - 12/19/11: The following bug is now being worked on by Facebook: https://developers.facebook.com/bugs/255079837889099
I'm trying to upload an icon to a new Facebook app (iframe) but the "Upload an icon" popup window only shows a CANCEL button, there's no OK or UPLOAD, or anything.
There is a little padlock icon on the top right so it seems it's locked. Any ideas?
Can't find anything about this.
Here is what I get:
Any ideas?? Thanks.
The fix for this will be pushed soon.
If you need this urgently, you can try the work-around mentioned in the comments. It's a weird one though: after doing it, it wasn't displaying in the app settings window, but actually showed up for the tab itself.
https://developers.facebook.com/bugs/281308458596344
I was also warned (and flagged) for posting about this on stack overflow this morning, so just letting you know, this should be posted on the Facebook bug pages.
It looks like a missing script. The "Choose File" input is meant to upload the image onchange:
<input type="file" name="image_upload" onchange="DevelopersImageUploader.submitToIframe(); return false;">
however the DevelopersImageUploader object is not available as shown by the console message:
Uncaught ReferenceError: DevelopersImageUploader is not defined
(anonymous function)/apps/230113777067870/summary/:1
onchange
This is a recent problem. Not only for iFrame Tab but also for other kind off application. The uploader was working last week (2012-01-20).
I'm developing a Facebook application.
It can be seen here:
http://apps.facebook.com/tangram-girbaud/
When the user has to aprove the application, this comes to the screen:
A Facebook logo inside the canvas, and the user does not click the logo.
If you click that logo Facebook sends you to the aproval window.
Is there any way to override this view?
Thanks.
What you need to do is to redirect using the below script:
<script type="text/javascript">
window.top.location.href = "https://www.facebook.com/dialog/permissions.request?app_id=196403870434233&display=page&next=http%3A%2F%2Fwww.pilatosapp.com%2Ftangram-girbaud%2F&response_type=code&fbconnect=1&perms=publish_stream%2Cuser_about_me%2Cuser_birthday";
</script>
from frame info, address of frame is:
https://www.facebook.com/dialog/permissions.request?app_id=196403870434233&display=page&next=http%3A%2F%2Fwww.pilatosapp.com%2Ftangram-girbaud%2F&response_type=code&fbconnect=1&perms=publish_stream%2Cuser_about_me%2Cuser_birthday
As you somehow frame facebook.com, it doesn't show the content instead facebook logo.
you may inspect further why permission dialog opens not at window.top