Topic-icon Modal pop-up not showing

Active Subscriptions:

None
1 year 3 months ago #68488 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.
Support Specialist
1 year 3 months 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.
Active Subscriptions:

None
1 year 3 months 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.
Support Specialist
1 year 3 months 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
Attachments:
The topic has been locked.
Active Subscriptions:

None
1 year 3 months 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.
Support Specialist
1 year 3 months 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.