Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Change Login With Joomla Button to image

Topic-icon Change Login With Joomla Button to image

Active Subscriptions:

None
11 years 1 month ago #32300 by lhleditor
Greetings!

I tried to find the answer to this in the forums, to no avail.

I would like to use an image as the Joomla Login Button so that it will match the style of my custom Login with FB button image.

I am using the SCLogin module, JomSocial login.

Where is the file that I need to edit and what is the code to do so? The image is already within my image directory, waiting to be inserted.

Thank you so much for your help!
The topic has been locked.
Support Specialist
11 years 1 month ago #32312 by alzander
We're in the process of finalizing an overhauled SCLogin module that should be out in a few days. It won't necessarily allow for a custom login button on Joomla, but it should look a lot cleaner.

For the current SCLogin module, I'd have to look into the best way to replace the input tag with a custom image. I think it may be possible to simply overwrite it with CSS, but will have to test. The 'next' login module should be easier to override though.

I'll try to look into and get you an answer over the next day or so, if that works for you. Not a question we've had before, but a good one that I think others may benefit from as well.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 1 month ago #32317 by lhleditor
Thank you! Your help is very appreciated!
The topic has been locked.
Support Specialist
11 years 1 month ago #32324 by alzander
No problem. We're hoping to have the new module available over the next few days. We'll definitely update you when it's available and try to look into the best way for replacing the button with an image as well.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 1 month ago #32379 by lhleditor
UPDATE:

I replaced line 43 in the /modules/mod_sclogin/tmpl/login.php file with this code:

<input name='image' type='image' id='submit' value="submit" src='/images/ALL/button_long_black.png'>

It does work. Next step is to create an override file in my template.
The topic has been locked.
Support Specialist
11 years 1 month ago #32385 by alzander
Very glad to hear you got something that works for you. Not sure if you'll still want it, but the new SCLogin module should be available either Monday or Tuesday. Check our blog for an update (though I'll try to update this thread as mentioned earlier).

Thanks for letting us know what worked!

Alex
The topic has been locked.
Active Subscriptions:

None
11 years 1 month ago #32410 by lhleditor
Thanks Alex! Looking forward to the new creation!

As an addendum to the above, I also figured out the code to apply a hover effect to the custom Joomla Login image button, in case it is of interest to anyone.

1. First, add an additional hover image to media files.

2. Then implement the code below on line 43 in the in the /modules/mod_sclogin/tmpl/login.php file, substituting the image name and location for one's own site.

<input name='image' type='image' id='submit' value="submit" src='/images/ALL/login.png' onmouseover="this.src='/images/login_mouseover.png'" onmouseout="this.src='/images/login.png'">

I would like to now figure out how to do this trick on the custom FB login image button- is this an option in the new version of the module?

FYI- I have no idea what I am doing and why this works, but somehow with dumb luck it happened.

In a related matter, probably particular to yootheme templates, I am not certain if the sclogin module override in my template html file is actually enacted. I shall look elsewhere in the forum to see if this is addressed.
The topic has been locked.
Support Specialist
11 years 1 month ago #32584 by alzander
Sorry for the delayed response on this. First off, thanks for letting us know the changes that worked for you.

As for your other question(s), we just put up the new SCLogin module as a separate download. This may get you going with the other things you were looking for (or hopefully let you make similar edits). 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. Please make sure you have saved any changes you made, or, if you created a template override, you'll need to remove/rename that so the new template files installed with this module work as expected.

We look forward to hearing from you!

Thanks,
Alex
The topic has been locked.
11 years 1 month ago #32596 by fb_100000593916283
Thanks Alex! This looks great! Will there be any updates to how the plugin works/looks?

Personally, I don't use the login module for anything, but I have played around with it by embedding it in an article using {loadposition}. I have a couple observations:

I can't get the modal option to work at all. I have tried it with loading jQuery and without.

The orientation of the login buttons are always "vertical" even if I set it to horizontal.
www.karaokeacrossamerica.com/basics/sclogin

File Attachment:


The JFBC and JLinked buttons also don't look like your blog post here:
www.sourcecoast.com/blog/extensions/enha...for-joomla-31-and-25

Am I missing a setting for this? Are those images instead of the regular js buttons?

Thanks as usual!
The topic has been locked.
Active Subscriptions:

None
11 years 1 month ago #32602 by lhleditor
Hi Alex!

Sorry for the late reply- but glad to hear about the new login because my little hack stopped working. I am downloading the beta right now and will reply a.s.a.p.

Thanks again!

-Susan
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Change Login With Joomla Button to image
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS