Hi, my facebook popin iframe widget from the like button is going off page.
is there a method to prevent this?
(the cut off portion on the right is the edge of my screen/browser)
Ensure your body tag has a fixed width to the actual width of the iframe (i.e. 520px)
Or ensure the element you place the like button inside of is set to the correct width (so Facebook knows how to position its popup better)
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.
We have a Facebook like button on a page that when clicked, the flyout layer initially is positioned correctly, then immediately positions itself far to the right, partially off the page. This appears to be done by Facebook's javascript code. Is there any way I can prevent the repositioning from happening, or override the auto-positioning of the flyout?
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
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 want resize the iframe height of my tab page. I am trying FB.Canvas.SetSize method, also I try with jQuery and javascript resize the iframe but don´t work.
My application is not a Canvas.It is a tab page so i think "FB.Canvas method should not work with tab page".
How could resize my tab page on facebook profile?
How could drop the iFrame scrollbars on tab page?
Excuse me I also need to know if I could modify the share button with a custom image.
Thanks in advance
Provide some code
Make sure you have the Canvas Height option is set to Settable under the App Advanced Settings
Use asynchronous Loading of your JS-SDK and put your FB.Canvas.setSize(); inside the fbAsyncInit function
Please note that the fbAsyncInit function may fire (and hence your FB.Canvas.setSize();) before all images of your page are loaded! which means actual height of page is not reached yet!