Topic-icon jfblike plugin error and bellow the content problem

Active Subscriptions:

None
Hi JFBConnect people, i recently purchased your component. I'm working on localhost and included in my k2 item.php page the plugin call:
{JFBCLike layout=box_count}
I have two problems here, when i press "like" ("me gusta" in my spanish version) it says error in red. Also, the opened popup seems to be bellow the content, it crops in a very tiny square without showing the entire dialog. I did some screens to give you an example of my problem:

the normal jfblike plugin showing

the cropped dialog box

The error when you click "like" or "send" ("me gusta" or "enviar" in the image.
Thank you in advance for any help!!!
The topic has been locked.
Support Specialist
13 years 6 months ago #28468 by alzander
Aryentain,
The popup is easily fixable with some CSS. There's some div that is containing the Like button that has the property of overflow:hidden set. It's very easy for us to diagnose if we can see it on an accessible site, if that doesn't make any sense to you.

For the Error text, if you click that text, it will actually give a little more information as to what's wrong. Let us know that, and we can help you fix it. Many times it's simply that Facebook doesn't like operating on Localhost since, if you Like something, that can't go to your Timeline since no one else would be able to visit the link.

Hope that makes sense, but if you need anything else, just let me know!

Alex
The topic has been locked.
Active Subscriptions:

None
13 years 6 months ago #28469 by Aryentain
Thanks for your reply. clicking the error link opens a popup with the following text:
"The content you're trying to share includes a link that's been blocked for being spammy or unsafe:Body of an error/warning message. Title is: You can't post this because it has a blocked link.For more information, visit the Help Center. If you think you're seeing this by mistake, please let us know."

About the styling, yes, i've already included the overflow:

div.lodelface{
float:right;
margin: 0 0 0 5px;
overflow:hidden;
}

and the code goes like this:
{JFBCLike layout=box_count}
just a div calling the "lodelface" class.
The topic has been locked.
Support Specialist
13 years 6 months ago #28476 by alzander
The overflow:hidden is what's causing the problem. That shouldn't be there as the popup needs to be able to overflow outside of it's div.

The Error explains it all, and will likely simply correct itself when you're not on Localhost. When Facebook sees a real domain and can actually scan the contents of your page, the Like button will work. Until then, you're on an untrusted domain.

Hope that makes sense,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 6 months ago #28496 by Aryentain
Thank you for your advice alzander. We'll wait for the website to be online.
I've been playing around with the css code, removed the overflow:hidden, played with z-index, position and so on, but i have the same result, the popup still crops.
The topic has been locked.
Support Specialist
13 years 6 months ago #28503 by alzander
It's not a z-index issue (or at least, rarely is). Some parent div still likely has an overflow:hidden on it. It's not just the immediate parent, any 'higher level' div can be causing it. Again, it's usually very easy for us to diagnose the problem and find the right div using the developer tools built in to any browser, but without seeing your site/template, it's pretty much impossible.

I assure you, if you go to a live server when you're closer, we'll gladly be able to help fix you up.

Alex
The topic has been locked.
Active Subscriptions:

None
13 years 5 months ago #28756 by Aryentain
I don't know if it helps but i'm using Gavick Game Magazine template, this is the very exact page i'm having the issue (k2 item view):
demo.gavick.com/joomla25/gamemagazine/in...-04-23-47-02/k2-item
The topic has been locked.
Support Specialist
13 years 5 months ago #28807 by alzander
Aryentain,
Thanks for the page. I have to make some guesses from your picture and that page as to where the Like button is appearing. From what I can tell though, it's the style below that would be causing you problems:
.itemHeader {
overflow: hidden;
Remove that overflow:hidden tag, and it should let the Like button popup properly. Unfortunately, the page you linked to has the CSS optimized and compressed into one file, so I can't tell you the exact file to edit. Hope that helps you locate it though.

Keep us posted on what you find, and good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 5 months ago #28813 by Aryentain
Wizards! You are absolutelly right! i've found that .itemHeader in
/templates/gk_game_magazine/css/k2.css
remove it, and IT WORKS! Take a look by yourself:
[img]http://http://www.arquespalacio.com.ar/errores/error-resuelto004.jpg[/img]
THANK YOU VERY MUCH FOR THIS GREAT SUPPORT, JFBConnect was one of the first commercial extension and i'm very happy with it and the great support, you really deserves a very positive JED review! Thanks!
The topic has been locked.
Support Specialist
13 years 5 months ago #28815 by alzander
Not often we're called wizards, but I like it! Glad that got you going, but if you need anything else, please let us know.

We'd definitely appreciate that positive review on the JED. We look forward to reading it. The link is below. It's certainly not required, but very appreciated:
extensions.joomla.org/extensions/social-...ook-integration/7215

Thanks, and good luck,
Alex
The topic has been locked.