Facebook Profile Picture

Facebook Profile Picture

I would like to add the FB Profile Picture to my Joomla Logout menu (similar to the SCLogin).
How can I do this?

Thanks.

kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

Is there a reason you don't want to use the SCLogin module for that? That would be the easiest method. If you have special login module, you can even use that and set it to display only for guests and then configure the SCLogin module to show to "registered" users only so that the image shows.

Let me know if that helps.

Thanks,
Alex

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

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

Re: Facebook Profile Picture

Hi Alex,

I would not mind using SCLogin, but I don't like the style of the menu and a few other points. It does not adopt to my template...

This is what I would like to accomplish:

1. The login/logout button itself has a different style, looks different from what the button looks like in my template... I would like it to look the same as my template buttons, in other words same as the Joomla login menu from my template. Have a look here: I have the regular login and the SC Login on this site turned on right now and you will see a difference in styling (CSS):
http://oshow.com
-> What css do I need to add where?

2. For some reason, in case of the SCLogin, the ID and PW fields are too long and don't properly fit into my menu. Also the input fields are again not styled according to my template's CSS.
-> What css do I need to add where?

3. I would like to get rid of the Link that links to the Facebook App. I like the text "xxx uses yyy" but I don't want to link back to the Facebook App.
-> Where and how can I get rid of the link back to the Facebook App?

4. The text "xxx uses yyy" is wider than my menu...
-> How can I make the menu adopt to the the text with a little bit of extra margin. It should do it automatically, but it is simply cutting off the text.

If I can get the four points worked out above, I would of course much rather use the SCLogin.
Please let me know.

Thank you!

kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

Hi Alex,

When you get a chance, please let me know regarding the above.
Thank you!

Kaz

kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

Kaz,
We're releasing a new SCLogin module over the next few days. It's completely redesigned and looks very nice (in our opinion, I'm sure we'll get lots of feedback). It fixes a lot of the issues you've mentioned above, but won't look just like the Joomla login module either. You may want to give that a chance when we release it (hopefully tomorrow afternoon, but possibly Wednesday).

As to your specific questions:
1) I'm not sure exactly what CSS changes would be needed to make them look the same. If that's what you're going for, I'd recommend just waiting a day or 2 for the new SCLogin module as that would be simpler.
2) Long username/password fields. Check out this post which has a minor CSS change that should fix this.
3) You can't get rid of the link to Facebook. If you enable the "Show Faces" text, it has all that stuff too. We're actually removing that option in the next release as there are other bugs with it, mainly, if you've already approved the Application, the Login with Facebook button will not always show. It's a bug with Facebook that we can't work around.
4) The text isn't wrapping because there doesn't look to be a space in any of the text for that line. The window frame is small enough, but the browser will only wrap text at a space. Not sure how to fix this, but I'd simply recommend disabling that setting based on #3 above.

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
Online
24023 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Facebook Profile Picture

Hi Alex,

Thanks for the update.
I will wait for the new SCLogin as you suggested.
I look forward to it.
I may have more questions again regarding the above, once I have the new SCLogin installed.

Thank you in the meantime,

Kaz

kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

Kaz,
When you have more questions, we'll be here to help however we can.

Thanks,
Alex

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

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

Re: Facebook Profile Picture

Just wanted to check when the new SCLogin is going to be released and where I can download it from.

kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

Would like this info as well as am having to use the K2 login module for now...

jamcra
James
useravatar
Offline
3 Posts
Active Subscriptions:

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

Re: Facebook Profile Picture

Any date or this or could we preview?

jamcra
James
useravatar
Offline
3 Posts
Active Subscriptions:

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

Re: Facebook Profile Picture

Sorry for the delayed response on this. We just put up the new SCLogin module as a separate download. We ran into a bug last week with the modal and then wanted to wait for the latest Joomla 3.1 beta to be released to test with. J3.1 comes out today, and this SCLogin module has been tested with Joomla 2.5, 3.0, and 3.1. Hopefully, you won't run into any issues. We'd love your feedback and comments, good or bad, on how this works for you.

For more information, read the Enhanced Login for Joomla 3.1 and Joomla 2.5 blog post or go directly to the Download Page.

Please note: This will replace your current SCLogin module. If you have issues and want to go to the older version, please re-install JFBConnect or use the SCLogin installer from the components /admin/packages directory.

We look forward to hearing from you!

Thanks,
Alex

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

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

Re: Facebook Profile Picture

Hi Alex,

Thanks for your reply and posting the links to the new SCLogin.
I just installed it, but unfortunately it does not look as good as it does in your blog post.
I have attached a screenshot.

Feedback:
1. Why are the "?" not displaying behind the fields like in your blog post?
2. The Register button is much longer than it needs to be and is placed in a new line.
3. The Login with Facebook button looks different from your blog post. It does not have rounded corners.
4. The Logout button is still the same old style.

http://www.sourcecoast.com/images/agorapro/attachments/15130/new-SCLogin.jpg

Suggestion:
It would be nice if the fields as well as the Login, Logout and Register Button adapt the style of the template automatically. Like that there is consistency throughout the site.

Please let me know regarding #1~#4.

Thank you!

Attachments:
kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

Thanks for the feedback. Is there a page we can look at on your site to see what may be going wrong? It all seems CSS related, so we'd need to determine if something isn't being loaded or if some other styles in your template are conflicting.

As for #3, in the "Social" configuration area, change the button type to "Icon with Text".

For 1, 2, that sounds like something in your template which is telling our module to do something different.

For #4, the button has been updated, so it should look correct. Again, if we can see a page, that would help.

In general, the new SCLogin module includes a subset of the Bootstrap CSS. We've targetted the styles just for our module, so that it doesn't conflict with other Bootstrap styles you may have (or likely isn't required for Joomla 3.x sites).

As for inheriting the styles from your template, in general, it should if the style names are the same. We use the Joomla 3.0 names for things like the login button. However, the Joomla 3.0 Login module doesn't use a button for "Register" (it uses a link), so there is no 'standard' class to apply so that things would be inherited.

I do see that we could probably have done the Register button a little differently, which we'll investigate for the next update.

Thanks,
Alex

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

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

Re: Facebook Profile Picture

Hi Alex,

Regarding #1 & #2: I have temporary enabled the new SCLogin at http://78global.com so please have a look.

Regarding #3: I was able to get the rounded corners for the Facebook button, but I realized that it no longer says "Login with Facebook", but just "Facebook". For me the "Login with" text is very important, I would almost say a must. Can I make adjustments to this anywhere?

Regarding #4: I am afraid that the Logout Menu is still the old style (at least for me). No rounded corner buttons etc.

Regarding inheriting styles: Hardly anything in SCLogin appears to be inheriting styles from my template (including the Login button). I understand from you post that there is no "standard" class for the Register button (makes sense), but the Login button, the Logout button and the fields for username and password should but don't appear to be inheriting the styles of the template. Please have a look.

Thank you.

kaz78
Kaz
useravatar
Offline
51 Posts
Website 
Active Subscriptions:

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

Re: Facebook Profile Picture

For #1/#2, in your /templates/yoo_showroom/warp/css/menus.css file, you have the following line:

Code:

.menu a, .menu span {

display: block;
}

That's making any links show up on a newline. If you add the following to our CSS in the SCLogin module, it should fix it both those '?' icons and the Register button:

Code:

.sclogin a.forgot, .sclogin .btn {

display: inline;
}

That's something we can add in the next release to prevent templates from changing things like that.

For the Facebook or LinkedIn buttons, currently, we're using an image for that. You can either update the image in the /modules/mod_sclogin/images directory or use the "Custom Image" option, where you can create a button with whatever text you want.

The idea is to switch the 'icon + text' buttons to use language files, for this release, allowing for variable widths would have been a problem.

Finally, for overall inheritance, there's some tough choices made. Joomla 3.x uses the new Bootstrap framework. Many template providers have 'back-ported' those styles to Joomla 2.5 as well. So, we widely use the Bootstrap names for classes. I can see (for the J2.5 version) also adding the J2.5 class names to the fields. In that case, the elements should all be 'in order' (horizontal, vertical, etc), but could inherit from your template. The problem there though is that your template isn't going to have all the styles we need (the "Register" button, again, for instance). There's unfortunately not a great way to bridge those divides.

With the J2.5 standard templates, the SCLogin module works and looks just fine. We'll definitely have to do some tuning to make sure it works with 3rd party templates as well with additional styles like above, but I don't know if it will ever be able to inherit every style and look just like your template.. in that case, it may be best to use your template's Login module and add the {JFBCLogin} tag to it.

Hope that all makes sense and helps, but definitely let me know any new feedback,
Alex

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

alzander
Alex
useravatar
Online
24023 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:
11616
Total Polls:
0
Total Posts:
48818
Posts today:
7
User Info
 
Total Users:
47667
Newest User:
jaiama
Members Online:
8
Guests Online:
1159

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