JFBConnect Compatibility with Other Third-Party Login modules?

Glad to hear you got the popup going.

We had some time to look into the template files you sent for the other login module you're using and have some ideas. We didn't test anything directly, so there are some caveats, but hopefully we can get you something that at least gets you started.

In the social.php file, the following line is what needs to be updated:The biggest unknown is how the AJAX Login module hooks into that code to turn it into a clickable button using Javascript. The easiest thing to simply do is replace that whole line with:That will display your own custom image in that place and should definitely work. Again, you can take a picture of the current login button and just use that. There may some minor styling needed to center things, which we can help with as well.

If you want their exact styles for hovering and such, it's a little more complex as we need to make sure that our login functionality is always called, not theirs. You can try the below, which may work, but also may not fully override their Javascript:That *should* work. The main things to note are the removal of the submitBtn class tag and the addition of our anchor link.

Try that and see how it works out for you. It may not work, but will hopefully get us closer to the best state. Again, the first option should definitely work, but may not look exactly how you want. The 2nd may have functional issues and will need to be tested thoroughly in a few browsers.

Keep us posted on how that goes, and good luck,
Alex

I was actually thinking about the solution a bit. We're not designers, which is why our extensions are much more 'functional' than glitzy. We'd make a poor template club

However, I think I came up with the best solution. Above, I suggested removing the "submitBtn" class from the original span. What I'd suggest is re-adding a class, let's call it "jfbcBtn". Then, edit the AJAX login module's CSS file and anywhere you see a submitBtn class, also add the new jfbcBtn class. That *should* let you inherit all the same styles that were there previously and that way, you don't have to figure them all out yourself. It's possible it may not import everything you're expecting, but should get you closer.

You can try to re-add the submitBtn class again, but my fear is that the AJAX module's Javascript is going to attach some of their functionality to the text if you do. It doesn't hurt to try though, but definitely test, a lot, in a lot of browsers.

Hope that helps,
Alex

The width actually looks right to me now. It's just the font color that's incorrect. Add the following and hopefully that should do it for you:Getting there

Alex

Glad to hear it.. I'll be happy to be done with this thread

As always, should you need anything else, just let us know,
Alex