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?
Related
On my webpage, I use ajax to load some offers. Issue shows up on ios6... unless the bottom of the page is visible, as soon as I scroll down into the available offers, the browser jumps to the top of the page. This happens the same in both chrome and mobile safari in ios6. If i very quickly scroll to "bounce" the bottom of the page, it stays. As soon as i scroll up and bottom is no longer visible, it jumps to the top.
Anyone have any idea how to code around this, so that the scrolling works properly?
I am currently using Floating Vertical Bar from Adthis For Sharing URL.
At first, everything appears to be correct but when i like a page using Facebook like button and reloads the page, the like button appears to be missing. There is no like button in that space.
When i move on to a new page which i have not liked the button will be there. Issue happens only when i like the page or url.
Can anyone help me on this.
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)
I have a problem with the flyout generated by the Facebook Send button. After clicking the "Send" button the flyout is generated and displayed behind some elements. Obscuring the buttons in the flyout.
I read that this is because of a parent element with the overflow:hidden style. However, I cannot remove this attribute since it will mess up the rest of my sites layout.
I tried to dynamically remove the overflow:hidden attribute upon clicking the Send button (Accepting the layout mess if someone actually uses the send button). Using the following code:
FB.Event.subscribe("message.send", function(response) { //Remove the
overflow:hidden styling here });
Unfortunately this event only fires upon actually sending the flyout form, which is too late as need to take action as soon as the button is pressed that shows the flyout.
Could anyone tell me how to bind an onclick event to the "Send" button or how to reposition the flyout completely. Or perhaps there is an alternate solution I have not yet considered.
Thanks in advance
Fixed position might work for some, but for most it will mess up your layout.
What worked for me is to take off any overflow: auto higher up in your CSS.
I did that and it works great!
I am trying to call new Requests Dialog from an iframe facebook application by clicking a button located at the bottom of a page (you need to scroll to get there).
This is what happens when you click the button:
Temporary dialog with a progress bar is displayed in the middle of visible screen
Page is getting automatically scrolled to the top
Actual dialog appears in place of that temp loading dialog at the bottom of the page, so it is not visible
Is there a way to make it either not scroll to the top automatically or at least display the final dialog at the top as well so it can be seen?
it's a bug: http://bugs.developers.facebook.net/show_bug.cgi?id=15440