Topic-icon Login in pop-up/lightbox

Active Subscriptions:

None
12 years 11 months ago #10022 by fb_782343432
Been looking all over for a solution and haven't really found one that is suggested or used. Any help would be appreciated.
The topic has been locked.
Support Specialist
12 years 11 months ago #10026 by alzander
Replied by alzander on topic Login in pop-up/lightbox
There's a few ways to do this. We'd recommend you find a lightbox extension that can display a module in the pop-up. Things like RokBox work well, but there are plenty others. Then, you'll simply need to show the JFBCLogin module in this pop-up. JFBConnect doesn't do it natively, but hopefully the above will get you started.

Some modules, be aware, will require you to use a custom Login With Facebook button, instead of the default we use. That's because there can be Javascript conflicts between Facebook and the pop-up. A custom button will let you use any image, or text, for the button. You can read more about how to do that below, starting with the 2nd question:
www.sourcecoast.com/extensions/jfbconnec...on-support-questions

Hope this helps, but if not, or you have other questions, let us know!
The topic has been locked.
12 years 11 months ago #10269 by fb_677898977
I am using a Rockettheme with the login Roxbox popup and the Facebook connect button doesn't do anything ... any ideas on what I might be able to check to get that to work ... if I just use the JFBConnect login as a straight module it works fine... I see where you were investigating this in another thread and mentioned that you knew someone at Rockettheme... would it be helpful if I also posted a request there also?

Thanks!
The topic has been locked.
Support Specialist
12 years 11 months ago #10272 by alzander
Replied by alzander on topic Login in pop-up/lightbox
Mark,
It's the same answer as above. You'll need to use a custom image to work in the RokBox pop-up, you can't use the default fb:login-button that we use in the Login module.

Look at the following question in the Common Support Questions area, and hopefully you'll be able to implement this easily into either the JFBCLogin module, or the login module of your choice. Of course, if you need help, just let us know!
"Can I use a custom image for the Login With Facebook button?"
The topic has been locked.
12 years 11 months ago #10275 by fb_677898977
Got it ... thanks!
The topic has been locked.
12 years 11 months ago #10277 by fb_677898977
worked perfectly ... quick question ... on the image src is there a way to avoid the dns lookup? in other words use something other than "my.site.com/images/facebook.jpg"??? It would be faster by eliminating the DNS lookups. Can I reference the images directory directly?
The topic has been locked.
Support Specialist
12 years 11 months ago #10284 by alzander
Replied by alzander on topic Login in pop-up/lightbox
There shouldn't be a dns lookup at all if the file is on the same domain as your site already. Browsers cache the dns lookups, so if you're looking at a page at domain.com, any images from domain.com/images don't need the lookup.

Either way, yeah, you can use relative links links for the image without any issue: <img src="/images/my-better-facebook-login-button.jpg"...

Good luck, and glad to hear that worked. That workaround was specifically for Rokbox issues, but also allows for a little more flexibility in the login button, which was a somewhat common request.
The topic has been locked.
Active Subscriptions:

None
12 years 10 months ago #10451 by ozidoggy
Replied by ozidoggy on topic Login in pop-up/lightbox
Hi..can someone explain where you add this code for the facebook image? I am also using Rockettheme, and the facebook connect doesn't work with the popup.

Where do I put that code to make it work? Can someone attach how the code should look.. thanks

Mark
The topic has been locked.
Support Specialist
12 years 10 months ago #10458 by alzander
Replied by alzander on topic Login in pop-up/lightbox
Mark,
I'm assuming your using RokBox to pop-up the JFBCLogin module. If not, let us know. To do what you're looking for, you want to create a template override of the JFBCLogin template file. All the steps are below:
1) Copy /modules/mod_jfbclogin/tmpl/default.php to /templates/<YOUR_TEMPLATE>/html/mod_jfbclogin/default.php
2) Edit the new default.php file
3) Look for the lines below (around line 40)
$buttonSize = $params->get('loginButtonSize');
	echo $fbClient->getLoginButton($buttonSize); ?>
And replace it with:
?>
 <a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><img src="linktoimage.jpg" /></a>

Hope that helps, but if you have other questions, just let us know!
The topic has been locked.
Active Subscriptions:

None
12 years 10 months ago #10465 by ozidoggy
Replied by ozidoggy on topic Login in pop-up/lightbox
GREAT!
Thank you for the support.
The topic has been locked.