Hi I have a 1500px high fan page in facebook.
The fancy box popup centers in the middle of the 1500px iframe.
CSS positioning of #fancybox-wrap class to an absolute position (top:
50px !important;) does not work! If you are at bottom of page
and fire the fancy box popup it is not visible until you scroll back to top of the page.
I looked at the following STACKOVERFLOW fix but this did not work::
Fancybox Positioning Inside Facebook Canvas iFrame...
I am using the latest version of fancybox.
Thanks in advance for any help
(am pulling my hair out :()
cheers
Jaimie
Related
I am using facebook like box in my website and I re-sized the height of the iframe. Now the scrollbar is visible partially (bottom arrow button missing). not sure what's the problem and any help would be highly appreciated.
I'm trying to get Fancybox to center up on the screen within a facebook iframe app. Everything works fine on my test page outside of FB but once I put it in my app it shows up centered according to the iframe height not the viewable screen. I have also noticed that the 'centerOnScroll': true is also ignored when using inside FB app. Any suggestions would be great and much appreciated.
Centering in a iframe according to it's viewable height is generally not workable. Have a look at the following answer.
Fix an element inside an iframe in the center of the screen
I have a facebook application which lists a list of categories in an iframe in facebook page. In the old facebook view, it is fit to the width where the iframe width is 520px. But when the page is opened in the new Timeline view, it's width is still 520px.
Since the function FB.Canvas.setAutoResize() is now deprecated by Facebook, I tried using FB.Canvas.setAutoGrow(). But still, it is not working.
Can any one please suggest a solution to auto adjust the canvas in both facebook page with timeline installed and without that??
Thanks...in advance..
You need to change this in the settings of application:
I want to use fancybox in a facebook tab based page. In that page there are seperate pages loading in fancybox, but what is happening is I can not give width of that page more than 520px as my fancybox opens inside the facebook page so there is a scrollbars in my facebook page. Is there a way where I can load my fancybox as overlay on full page so there my new pages that are opening in fancybox can have more than 520px width.
Thanks in advance
No, you only have control over the space that Facebook gives to you in your iFrame. There are certain dialogs you can ask Facebook to display, see if one of them fits your needs.
On my site the fb connect login button suddenly became unclickable, I have no idea what I did
http://www.belginfish.com/mp3/
(top right)
If anyone has any idea that would be excellent!
A div element with class="search_area" is lying on top if your facebook button. Its transparent so the fb button is still visible. Rectify your html/css and fb button will work just fine.
I had a similar problem. We were upgrading from FB Login v1.0 to v2.1. The old version was relatively simple to skin by just swapping in your own background image, and hiding the original image, like:
background: url(/ui/img/fb-login-small.png) no-repeat;
text-indent: -9999px;
Unfortunately in v2.1 this same code will hose you. You'll end up seeing your custom image, but it won't be clickable. Furthermore, the real button does load without any errors, and is promptly shuttled off -9999px offscreen. That can be pretty confusing.
The solution is to just get rid of the image replacement (get rid of the 2 CSS lines above) so the real FB login button can show through.