Forum is closed

Different Login Button on Joomla Login

Different Login Button on Joomla Login

Hello, I have both the connect modules and haven't had any function issues.

However, I do have a visual eyesore that I that I am hoping you guys could help me fix.

On the module, the LinkedIn button looks great and matches the Facebook and Google+ buttons.

When integrated with the Joomla! Login, this is not the case.  The LinkedIn button looks different and I have no idea how to change it.


http://www.sourcecoast.com/images/agorapro/attachments/17997/Buttons-in-the-Joomla-Login.jpg

http://www.sourcecoast.com/images/agorapro/attachments/17997/Buttons-in-the-module.jpg

The coding for the buttons are all the same for the module view.  However, in the Joomla Login view, the LinkedIn on varies from the others.

Code:

<div class="scGoogleLogin pull-left"><a class="show" id="sc_gologin" href="javascript:void(0)" onclick="jfbc.login.google();"><img src="http://DOMAIN.COM/media/sourcecoast/images/provider/button_google.png"></a></div>

Code:

<div class="jLinkedLogin"><a href="javascript:void(0)" onclick="jlinked.login.login();"><span class="jlinkedButton"></span><span class="jlinkedLoginButton">Login With LinkedIn</span></a></div>

How do I make them the same in the Joomla Login view?

apotheosisvuu
useravatar
Offline
2 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Different Login Button on Joomla Login

I'm not sure how you're adding the buttons to the different views, but I'd recommend just using the {JFBCLogin} tag. That will add the LinkedIn button with the 'new' styling. If you're adding the button with the {JLinkedLogin} tag, that will use the 'old' style for that button only.

Alternatively, we can help provide the exact HTML to use to get the nicer looking LinkedIn button, but that shouldn't be necessary.

Let me know if the above tag works for you or if you need more help.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24016 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Different Login Button on Joomla Login

Am I missing a plug-in that connects the Facebook component to the LinkedIn?  {JFBCLogin} only shows Facebook and Google+ logins.

The nice LinkedIn button shows up when I publish the SC Login module.

The ugly LinkedIn button shows up when I integrate JLinked to Joomla!

apotheosisvuu
useravatar
Offline
2 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Different Login Button on Joomla Login

Ahh.. you're probably still using JFBConnect v5.1.0. Please update to v5.1.1. With that release, the {JFBCLogin} tag will include the 'pretty' LinkedIn button. There are also numerous minor bug fixes in that release that would be good to have, though not critical.

I hope that helps,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24016 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11613
Total Polls:
0
Total Posts:
48800
Posts today:
17
User Info
 
Total Users:
47658
Newest User:
lszlsz
Members Online:
3
Guests Online:
673

Social Stream
SourceCoast Joomla Social Extensions
Friday, 25 May 2018
JFBConnect 8.0 Coming Soon! Stay tuned.
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program