× Joomla Facebook Connect support forum

Topic-icon Problem with connecting from front end

Active Subscriptions:

None
14 years 8 months ago #13739 by 7of9
Hi, I just bought JFBConnect and installed it.
I have activated all the plugins and configured the API, however when I connect from the front end, the API window appears for one second then disappears and the user is not created, nor there is an error, even with the API errors option active.
Site: athenstaxitours.cleverhosting.gr
Please advice,

Manos
The topic has been locked.
Support Specialist
14 years 8 months ago #13743 by alzander
Manos,
When I look at the source code on your page, there's 2 inclusions of the Facebook Javascript library. The 2nd one is what's causing the problem, as it's initializing the Facebook API incorrectly. If you look at your code, and search for:
<!-- Full size FB iframe page -->
You'll see it directly beneath there. That code needs to be removed for JFBConnect to work. If you need the functionality from whatever extension that is, we can likely help you replicate it in JFBConnect, or modify the other extension to not initialize the library wrong.

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

None
14 years 8 months ago #13744 by 7of9
Darn! That's not an extension. That's a code I found that it maximizes the page height inside the FB canvas. However, I copied it from an other site of mine and I forgot to change the appID. I change it now, but still same behavior. This is the code:
<!-- Full size FB iframe page -->
<div id="fb-root"></div>
<script src="connect.facebook.net/en_US/all.js">
<script>
FB.init({
appId : 244294882274400,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true// parse XFBML
});
FB.Canvas.setAutoResize(7);
</script>
<!-- End Full size FB iframe page -->
The topic has been locked.
Support Specialist
14 years 8 months ago #13746 by alzander
JFBConnect already does the setAutoResize code, and we only do it when your page is shown inside of a Facebook Page or Canvas app, so you shouldn't need that code at all.. and since it's running on every 'live' page of your site, it will actually slow things down ever so slightly since it's not needed on those pages.

Test things without it, and use our Page/Canvas Configuration area to configure the look of your site when viewed in Facebook.

Good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13750 by 7of9
OK, I removed the code and configured for autosize, however the page keeps scrolling a huge blank space after the end of the page.
Is there anything I can do about it??
apps.facebook.com/athenstaxitours/
The topic has been locked.
Support Specialist
14 years 8 months ago #13760 by alzander
To prevent the continuous growing, you'd want to disable the "Automatic Resizing:" option in the Canvas tab of the Page configuration area of JFBConnect. To add scrollbars, you'll need to enter your Facebook Application and change the "Canvas Height:" setting to "Settable", if not already.

Try that out, and see how it goes. The alternative is to use JFBConnect to set a template which fits within the width of the application Canvas (760px), which will then let you use the Auto Resize ability to grow the height as necessary.

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

None
14 years 8 months ago #13774 by 7of9
Hi Alex,

I do not want scroll bars. I want the auto resize, but what I do not want is all the blank space it creates right after my page's end.
How can I fix this?
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #13786 by 7of9
In order to help you understand what I mean, click on Contests (on the main menu), then Christmas 2011 in Greece, then scroll all the way down. You will see a huge blank space. While if you go here: athenstaxitours.cleverhosting.gr/contest...stmas-2011-in-greece where is the original page displayed on the canvas, you will see there is no blank space.

Thanks in advance,

Manos
The topic has been locked.
Support Specialist
14 years 8 months ago #13793 by alzander
Ahh. That's actually a bug with Facebook's Page views. The setAutoResize function will only increase the size of the Facebook Page. Since your home page view is that tall, even when you go to the Christmas in Greece page, the height will remain the size of the tallest page viewed (the home page).

The only way around this is to add some Javascript which will resize each page individually. However, you'll need to know the exact height ahead of time, as I don't know of any easy way to calculate this on the fly. So it would be a manual operation to add to each page.

Hope that makes sense, but it's a common question, without a good answer. If you're previous method "setAutoResize(7)" worked, let us know, as we can easily tell you how to re-implement that, but I don't think that will.

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

None
14 years 8 months ago #13797 by 7of9
Darn! The problem is that the pages are dynamic! No standard size! :-(
The topic has been locked.