Topic-icon Modal Login Woes

4 months 3 days ago #67140 by chramb1
Modal Login Woes was created by chramb1
First, you have a typo in your two horizontal files. The line below has an extra ">" character. Simple fix.

<input id="sclogin-remember" type="hidden" name="remember" class="inputbox" value="yes"> title="Remember Me" />

But beyond that - when I use the modal login, I have some really weird formatting issues, including the close "X" being a few pixels off in its hot zone and clicking outside the modal, which should close it, not working.

My first guess is bootstrap, but that's just a guess. I'm using a RocketTheme template, which brings in Bootstrap. Any chance it's using a version your code doesn't like?

Take a look - the site is in development now, so nothing can be broken. ... note the login link on the right side roll. Clicking it brings up the rather poorly-formatted modal.

Any chance I could see the code and CSS for YOUR modal login screen? I'd love to copy it as a starting point. Regardless, I'm unsure where to start trying to debug this.
The topic has been locked.
4 months 2 days ago #67142 by chramb1
Replied by chramb1 on topic Modal Login Woes
Problem found - jQuery conflict with EasyBlog (a StackIdeas component).

Deconflicting their jQuery allows yours to operate.
The topic has been locked.
Support Specialist
4 months 2 days ago #67145 by mel
Replied by mel on topic Modal Login Woes
I've checked in the fix for the typo with the element being closed too early and it'll be included in the next release.

Glad you could pinpoint the cause. Does that fix any of the other issues you mentioned like the close button, etc?

The topic has been locked.
4 months 2 days ago #67146 by chramb1
Replied by chramb1 on topic Modal Login Woes
Yes. The failure of your jQuery to fire borked everything. But being a conflict (jQuery is the poster child for conflicts), making the other component de-conflict, which is an option in its configuration, solved it. Sure, I'm loading jQuery twice now, but that's acceptable to me for now.

With Joomla 4, I suspect all components will harmonize on a version. I can wait.
The topic has been locked.
Support Specialist
3 months 4 weeks ago #67157 by alzander
Replied by alzander on topic Modal Login Woes
Thanks for following up with the details. Always good to understand the solution.

As for Joomla 4, yes, we're hopeful that a harmonization occurs. We are specifically going that route by using Joomla's built-in JQuery instead of including our own (which we've done for almost a decade). If too many conflicts arise, we'll move back to including our own.. but it's an ugly solution that we'd prefer not to pursue again.

JFBConnect v9 already implements this method of using Joomla's built-in JQuery, either for the older version in Joomla 3 or the newer version in Joomla 4. We're keeping our fingers crossed.. but that's also part of the reason we released JFBC v9 in a beta state.

Thanks again!
The topic has been locked.
Social Stream
Hide. Seek. Play!

Countdown Hide & Seek Game

Countdown, the new hide & seek toy, is available now! Designed and developed by the founders of SourceCoast, it's the perfect toy to get your kids moving at all ages.

Learn More About the Hide and Seek Toy