Topic-icon Login with Facebook button issue with Firefox only

Active Subscriptions:

None
I'm a new user to JFBConnect (an active subscriber), and everything seems to be working except for 2 issues:

1) Firefox Button Issue: I have SCLogin displaying in a popup box, and only with Firefox, if you open the login module the first time, no 'login with facebook' button displays. If however you close it, and open it again, it is there the second time. It works fine in Chrome, Safari, and just appears to be a Firefox issue.

2) SCLogin field text issue: I can't seem to get the SCLogin to display some text in the entry boxes, I would like to see 'username or email' and 'password' in the boxes. I have modified the code to do it now on the site, but this means every time you update I will have to adjust the code again. I would think this is a pretty standard feature for SCLogin. Am I missing something, is there a simple way to do this?

You can see my site at: www.feihuinteractive.com

The login/register link in the top left is the issue.

Thanks,
Simon
The topic has been locked.
Support Specialist
13 years 8 months ago #26434 by alzander
Simon,
You look to be using a RokBox, which is just fine. However, what we recommend for using the SCLogin module in any Javascript popups, is to use the "Login Button Type" and set it to "Image". Then, use the "Image Link" parameter to set the image for the Login With Facebook button you'd like to use. You can simply take a picture of the standard Login With Facebook button and use it if you want it to look the same. This is recommended because the Login with FB button is normally very Javascript heavy, and throwing that into a Javascript popup just causes other problems like you've seen.

As for the pre-filled values, we simply use the format/template of the standard Joomla login module. Most users want/expect a direct replacement for the Joomla login module. If you want something more custom, you can create a template override (which will keep your changes after you upgrade) or you can add the {JFBCLogin} tag to a module that's more customized to your tastes.

Finally, for the Javascript way you're doing the pre-filled value, it looks very confusing (to me at least). I'm used to my browser pre-filling the username/password fields for me on many sites, and seeing the **** for the password makes me think it's already done it's job. A better option that most browsers support is the placeholder field on the input. Additionally, I'd recommend using "password" instead of ****.

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 8 months ago #26463 by simonslee
Hi Alex,

Thanks for all your support and I've followed the image option suggestion, and taken out the entry box pre-set text (just put the words username and password above in the module) as per your suggestions.

I just have 1 final question, how should I name files and folders under /html folder in order to override login module template?

If you can please answer this, all questions are covered and everything will be working.

Cheers,
Simon
The topic has been locked.
Support Specialist
13 years 8 months ago #26480 by alzander
Simon,
In general, to create a template override for the SCLogin module, it uses the following structure:
/templates/<your_template>/html/mod_sclogin/login.php
Then, anything in the /modules/mod_sclogin/tmpl folder can be copied to that directory above (like the login.php file) and edited there. You can do the same with components as well with a similar structure (though slightly different since components have multiple views).

Please do note though that when you upgrade a module that has a template override, new changes in the module may not take effect since you're using the 'old' template. You should compare your version to the new version and either integrate your changes into the new, or the new changes into your override.

Hope that helps, and good luck!
Alex
The topic has been locked.