× Joomla Facebook Connect support forum

Topic-icon Change Button and Text Login with Facebook

Active Subscriptions:

None
14 years 10 months ago #11932 by guero
Hello!

I have two questions:
1. How can I change the module jfbclogin to get the extra large Facebook login button with a custom text ?
Something like this
Sign in with Facebook
2. From your "common support questions" you are writing that it is simple possible to use a custom image for the Login button?
Where should I include the a href code ? Can I create a module with custom html and link your Javascript Code to that?

Best regards
Frank
The topic has been locked.
Support Specialist
14 years 10 months ago #11934 by alzander
1) The text for the login button is set in the language file for JFBConnect. You should be able to set that there. Then, in the JFBCLogin module, we have the option to set the size as a parameter. Between those 2, you should be able to do what you're looking for.

2) You can add the href code anywhere. It's just normal HTML code. The main thing is that it has the onclick code, which is what runs our JFBConnect code. We automatically include our Javascript into every page, so you don't need to do anything else other than create the link.

Hope that helps, we try to make it really easy.. let us know if you run into any issues!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 10 months ago #11938 by guero
Hi Alex,

thanks for your quick response. I figured out how to get the "official" extra large Button from Facebook. I added the parameter size="xlarge" in the getLoginButton() function in facebook.php.

There I also tried to include just ahref link with the following code:
return '<div id="fb_login_wrapper_div">
<a onclick="javascript:jfbc.login.login_custom();"><img src="myimage.png"/></a>
</div>';
I do see the image but noting happens if I click it. any ideas why?
Best regards
Frank
The topic has been locked.
Support Specialist
14 years 10 months ago #11939 by alzander
Frank,
You're missing the href on your anchor tag. While not all browsers require it since the onclick takes precedence, some do. Please add the following to your link, which basically has an href that intentionally does nothing:
href="javascript:void(0)"

That should fix you right up, but if not, please post a link to where you're implementing this so we can see. The other possible problem would be other Javascript errors on the page that are interfering with our login call.

Thanks,
Alex
The topic has been locked.