I have an irritating bug with the Facebook like button. When my page is loading, my share buttons (Facebook like, Tweet, +1 buttons) will start on the left side. Then they will appear in the middle of the page. And finally when the loading is finished, they will appear in the correct position on the left side again.
The shifting of the share buttons all over the page is kind of annoying and looks unprofessional, even though they end up at the correct position on the left side when the page is done loading.
I believe this is related to the Facebook like button. I have tested this in IE and Chrome in Windows. I have also tested this in Safari on IPhone. All browsers seem to have the same problem.
You can see the bug here:
http://www.alphabanter.com/
Is there any way to fix this?
I figured it out. Looks like width=450 was causing the problem. I removed width=450 and the Like button now stays on the left side of the page and does not jump around anymore. Maybe there is a deeper reason why width=450 causes problems for my page but at least it works now.
Related
I am coding a simple app in Xcode and I have ran into a problem. I can not get links to work on the mobile app that go to other links. For example, if I click on the Twitter button at the bottom of the webpage nothing happens, I want that button to lead to the desired link it was supposed to go to. Also, the words in a page on the site are lined up in a vertical column, and I would like to know how to make the text look better in terms on formatting it correctly. Here is a picturePicture Of Simulator The Code
[Image]
Seems like you're adding your WKWebView the right way and the page is loading fine. The problem with the text is actually coming from the CSS of the site as I have the problem in Safari on my phone as well, so if you are the web admin of the site I'd fix it there.
Did you try if the button you are talking about is responsive when accessing through Safari on your phone/simulator? WKWebView does not have a loading bar and it seems "unresponsive" sometimes even though the sites are loading in the back.
When adding your WebView implementation buttons like the privacy policy on the site work fine for me.
I have added a FB Like button through the standard method to a page. It works in all browsers except in IE7 where it gets shrunk down in width. Is there any fix for this. I have searched extensively, but all solutions don't work. You can see an example here:
http://www.swirl-test.net/test.html
You can view the source code of the page to see the implementation method.
The problem with fixing this on your end comes from the fact that the like button is a iframe pointed at Facebook's server, so you have no control over it's content and style (apart from the controls that Facebook exposes)
The problem is that my like button is quite at the bottom at the page,
And when someone clicks the like button, the dialog just gets cropped,
and I just can't do anything with it.
Did anyone have a similar problem?
The only way to fix this is by using some CSS to your page to move the dialog box. This is kind of a hack, but its the only way to really do what you want. The only downside is that the tiny triangle in the top left corner of the dialog will seem out of place.
One other option that does not involve moving the dialog is to make your page slightly longer.
I have an issue with IE. When I call the apprequest the box appears at the middle of the app. and since the app is pretty big (2000px) the user cant say if the box has appears or not (the only way to check it is to scroll down, but if its the first time of the user he will not understand)
Im not sure if you had already this problem. I have not a clue where the problem could be. And the worst thing is that in chrome and ff is working perfectly. This thing is making me crazy.
The only bug I get is some bug from jquery-ui but I deactivated it and the problem with the apprequest box stills there. Maybe is there a way to determine the position of the apprequest-box?
Thanks for the help!
I've added iframe like button into the page http://www.electric-yoga.com/contact.html.
When I click on this button it shows +1 count, but in 1 second this count disappears.
Linter shows no errors - http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.electric-yoga.com%2Fcontact.html.
Any advice where I can look for a solution?
I am running into this same issue using the HTML5 version of the like button. The really weird thing is that the issue doesn't happen on all of the pages that we have a like button on. I found a bug on the Facebook Developer site and have submitted a repro. I suggest you do the same to give it some more visibility. You're not alone.