Modal pop-up not showing

Crispin
Offline

Active Subscriptions:

None

3 months 1 week ago #68488 by Crispin

Modal pop-up not showing was created by Crispin

The Modal Popup doesn't show when clicking the login button.
Before Login has been clicked
<div id="login-modal-119" tabindex="-1" class="modal hide">

After Login has been clicked
<div id="login-modal-119" tabindex="-1" class="modal hide" style="display: none;" aria-hidden="true">

I note on clicking the login button the Modal element style has an added style, (display:none). Which seems a bit odd. This can be overridden of course but then it isn't possible to close the window.

What am I missing?

The topic has been locked.

mel
Offline

Support Specialist

3 months 1 week ago #68489 by mel

Replied by mel on topic Modal pop-up not showing

A few questions to narrow this down:

* What version of Joomla are you using?
* What version of SCLogin are you using? We made some modal fixes in the latest version of SCLogin and the module is now relying on Joomla to pop up the modal
* Do you have any jquery/bootstrap settings in the SCLogin advanced section enabled?
* Is there a specific URL where we can see the behavior in action?
* Do you have any template overrides of the SCLogin views?

-Melissa

The topic has been locked.

Crispin
Offline

Active Subscriptions:

None

3 months 1 week ago #68491 by Crispin

Replied by Crispin on topic Modal pop-up not showing

Joomla version 3.10.11
SCLogin 9.0.215
I'm using the Bootstrap 3 framework. I have tried selecting the 'Load jQuery' selection which made no difference.
No template over of SCLogin

trustedreferrals.co.uk/sitemap is being used as a test page. Button is topright. I have tried it without any additional CSS as well.

The topic has been locked.

mel
Offline

Support Specialist

3 months 9 hours ago #68497 by mel

Replied by mel on topic Modal pop-up not showing

You will need to first resolve the Javascript error on your page, related to a separate extension on your page. See the attached screenshot. This is causing all of the javascript afterwards to stop loading, which is preventing some of our code which moves the modal div to the end of the body section. If the modal div is not at the end, it doesn’t work right. Please resolve the error and let us know if you continue to have any problems.

-Melissa

The topic has been locked.

Crispin
Offline

Active Subscriptions:

None

3 months 9 hours ago #68498 by Crispin

Replied by Crispin on topic Modal pop-up not showing

Thank you. I have now removed the offending extension and the Java error resolved. Sadly pop up still not showing.

The topic has been locked.

alzander
Offline

Support Specialist

2 months 2 weeks ago #68505 by alzander

Replied by alzander on topic Modal pop-up not showing

Thank you for your patience. I see the Javascript error is gone now and the popup is still not working.

It's less clear what the problem is now, but I *think* it's that the Bootstrap JS is being loaded twice on the page (and different versions). Here are the 2 inclusions I see in the HTML:

<script src="/media/jui/js/bootstrap.min.js?172b1115b5b805b293e7c9f64fe4fc9a" type="text/javascript"></script>
<script src="/templates/trg/js/bootstrap.min.js" type="text/javascript"></script>

The first one is the standard Joomla version of the Bootstrap JS that the SCLogin module expects. If you view the source, it has this comment:

*!
* Bootstrap.js by @fat & @mdo
* Copyright 2012 Twitter, Inc.
* www.apache.org/licenses/LICENSE-2.0.txt
*
* Custom version for Joomla!
*/

The 2nd file is v3.3.1 of Bootstrap which, while it should be fine on it's own, may be conflicting with the first.

Would it be possible to (temporarily) disable the bootstrap.js file from your template to test if the modal works? If so, test if other functionality breaks.. and then we can go from there to figure out a course of action.

Thanks,
Alex

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Modal pop-up not showing

Attachments: