Topic-icon Facebook Profile Picture

Support Specialist
11 years 1 week ago #32583 by alzander
Replied by alzander on topic 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
The topic has been locked.
Active Subscriptions:

None
11 years 1 week ago #32586 by kaz78
Replied by kaz78 on topic 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.

File Attachment:


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!
The topic has been locked.
Support Specialist
11 years 1 week ago #32588 by alzander
Replied by alzander on topic 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
The topic has been locked.
Active Subscriptions:

None
11 years 1 week ago #32593 by kaz78
Replied by kaz78 on topic Facebook Profile Picture
Hi Alex,

Regarding #1 & #2: I have temporary enabled the new SCLogin at 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.
The topic has been locked.
Support Specialist
11 years 1 week ago #32609 by alzander
Replied by alzander on topic Facebook Profile Picture
For #1/#2, in your /templates/yoo_showroom/warp/css/menus.css file, you have the following line:
.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:
.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
The topic has been locked.