Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. JFBLogin generate a div with 1000px

Topic-icon JFBLogin generate a div with 1000px

Active Subscriptions:

None
13 years 7 months ago #27379 by luidom
Hello,

I have the last version v4.2.5 installed on Joomla 2.5.7 and have a issue and want to know if is from JFBConnect or Facebook API.

I have a Login on the right side of my site, this login area have this code: {JFBCLogin size=large}
The Facebook Login button is showed and all works fine.

On desktop browsers the site appears with the dimension I put, but tested on a Tablet (Galaxy Tab 10.1 and iPad have more issues), the site appears small and after a little time the site are rendered with the true dimensions. I discover the Facebook Login button (!) generate a 'hidden' div of 1000px x 1000px, and tablet browsers try to show this div and affect the render of site.

I don't know if I'm clear on write the issue! If not please tell me.

Best Regards,
LB
The topic has been locked.
Active Subscriptions:

None
13 years 7 months ago #27468 by RESN
Good evening,

I too am having an issue where a hidden iframe is being created with dimensions of 1000px by 1000px. This only occurs on one page that I have found so far. Here is the code generated for that from Google's Developer Tools::

<fb:login-button v="2" onlogin="javascript:jfbc.login.on_login();" login_text="Connect" class=" fb_iframe_widget" fb-xfbml-state="rendered"><span style="width: 0px; height: 0px; "><iframe id="f3ffbaf58" name="f1b7773f5c" scrolling="no" style="border: none; overflow: hidden; height: 1000px; width: 1000px; " src="www.facebook.com/plugins/login_button.ph...tion%3Dparent.parent">

I'm not receiving any console errors on the page and it works properly on all other pages so far. It is odd.

Also, the facebook icon button does not appear with this error. I'll attach a screen shots.
Here's the error page output:

File Attachment:


Here's the standard page output found everywhere else:
File Attachment:


Please let me know if I need to provide any additional information.

Thanks!

Steven
The topic has been locked.
Support Specialist
13 years 7 months ago #27543 by alzander
Luis & RESN,
Very sorry for not responding to this earlier. It's been on our 'to-do' list for investigation, but slipped due to some other priorities concerning our upcoming release. Let's see what we can do to help!

First off, this issue isn't something we've heard of before, so it may be something pretty-specific to your site. One thing I would definitely recommend, and which may immediately fix, the problem is to switch from the Javascript button to a static image. We don't have an 'easy-tag' like {JFBCLogin} to do so, but you can easily insert one with the following HTML:
<a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><img src="/linktoimage.jpg" /></a>
That has the advantages of not using Javascript loaded from Facebook which is both faster and less prone changes or issues caused from their Javascript. The disadvantage is that you need to create an image (you can just take a picture of the normal Login with Facebook button) and that the text is not translatable.

If you're using the SCLogin module, there's an option in their for the Login Button Type. Just change that to "Image" and add the link to the image you want to use below it, and hopefully that will fix you up.

If you're still having issues, or I missed a case that you're using, just let us know!

Again, sorry for the delay, and we'll be much more responsive to requests in this post going forward!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 7 months ago #27568 by luidom
Hello alzander,

Works fine, thanks a lot.

Best Regards,
LB
The topic has been locked.
Support Specialist
13 years 7 months ago #27574 by alzander
Glad that got you going, and sorry again for the delay!

Alex
The topic has been locked.
Active Subscriptions:

None
13 years 7 months ago #27582 by RESN
Good afternoon Alex,

Thanks for your help!

Since I'm using the SCLogin module, I changed the Login Button Type to Image and linked an image to the button. Unfortunately this has not changed the output. I also found that if a user is signed into Facebook, their photo will appear at the top, left corner in a now white 1000px X 1000px iframe. If a user is not logged into Facebook, the 1000px iframe is transparent.

Here's a screen shot and this is the same output experience with either Login Button Type javascript or image:
File Attachment:


Please let me know if you need any additional information and thanks again for your assistance.
\
Regards,

Steven
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. JFBLogin generate a div with 1000px
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS