Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Modal popup login not showing

Featured Lock Resolved Issue
for some pages the modal popup doesn't show up. I compared it with the online version but I can't seem to find it.
see: creaktor2.testcreaktor.nl

When pressing the user icpn on the contact page, it does not work while blog does, for instance.

I disabled all my css as well as all js that I added but that doesn't seem to do the trick.

21 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thank you for your query to sharing with us. Your query is very useful to us.

I have checked the modal & it works fine.

While I am on the contact page
https://prnt.sc/pd7xrw

While I am on the blog page
https://prnt.sc/pd7xzr

-Thanks

Alexander van Aken

More than a month ago #Permalink
On osx it seems to work. Now I am going setup a VM ware server and test if I get it there as well.

Toufiq - Staff

More than a month ago #Permalink
On osx it seems to work. Now I am going setup a VM ware server and test if I get it there as well.


Let me know the result. :)

Toufiq - Staff

More than a month ago #Permalink
check this video https://drive.google.com/file/d/1TfeGhGy218mRrycC_rwScrg_TYSFCPn3/view


Make it public or check your mail. Thanks

Alexander van Aken

More than a month ago #Permalink
now available to view. sorry.

Toufiq - Staff

More than a month ago #Permalink
now available to view. sorry.


Hi there, Where did you explain the modal issue? Thanks

Alexander van Aken

More than a month ago #Permalink
new video, found it I believe. Some JS doesn't set the class display: block on the modal for those pages.
https://drive.google.com/file/d/1BVFxqZTelSrmMITDXwjdwwLPtxLQmSv3/view

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. I have checked three browsers (Firefox, Chrome, Edge, IE11). Login module popup works fine on these browsers. If you want, I can capture a screencast video.

-Thanks

Alexander van Aken

More than a month ago #Permalink
Not needed thanks, I believe you.

I can't seem to figure out why and that scares me. I created my own template based on helix ultimate now to try and see if it works there. https://creaktor4.testcreaktor.nl Now I will add that button popup later, but what I've noticed here is that, when loading a page. If first shows a small glitch and THEN loads the animation (It starts with fade in 2500ms for instance). Is the order of the plugins the problem? Or how can I solve this so that when visiting the page, it doesn't reveals a 0.1ms preview.

This happens in IE.

Toufiq - Staff

More than a month ago #Permalink
Not needed thanks, I believe you.

I can't seem to figure out why and that scares me. I created my own template based on helix ultimate now to try and see if it works there. https://creaktor4.testcreaktor.nl Now I will add that button popup later, but what I've noticed here is that, when loading a page. If first shows a small glitch and THEN loads the animation (It starts with fade in 2500ms for instance). Is the order of the plugins the problem? Or how can I solve this so that when visiting the page, it doesn't reveals a 0.1ms preview.

This happens in IE.


Hi there,

Add this css code inside the custom.css file. I hope the glitch will be stopped.


.body-wrapper {
position: relative;
-webkit-transition: initial;
transition: initial;
backface-visibility: hidden;
}


-Thanks

Alexander van Aken

More than a month ago #Permalink
Not needed thanks, I believe you.

I can't seem to figure out why and that scares me. I created my own template based on helix ultimate now to try and see if it works there. https://creaktor4.testcreaktor.nl Now I will add that button popup later, but what I've noticed here is that, when loading a page. If first shows a small glitch and THEN loads the animation (It starts with fade in 2500ms for instance). Is the order of the plugins the problem? Or how can I solve this so that when visiting the page, it doesn't reveals a 0.1ms preview.

This happens in IE.


Hi there,

Add this css code inside the custom.css file. I hope the glitch will be stopped.


.body-wrapper {
position: relative;
-webkit-transition: initial;
transition: initial;
backface-visibility: hidden;
}


-Thanks
Added it, didn't work. :(

Toufiq - Staff

More than a month ago #Permalink
Not needed thanks, I believe you.

I can't seem to figure out why and that scares me. I created my own template based on helix ultimate now to try and see if it works there. https://creaktor4.testcreaktor.nl Now I will add that button popup later, but what I've noticed here is that, when loading a page. If first shows a small glitch and THEN loads the animation (It starts with fade in 2500ms for instance). Is the order of the plugins the problem? Or how can I solve this so that when visiting the page, it doesn't reveals a 0.1ms preview.

This happens in IE.


Hi there,

Add this css code inside the custom.css file. I hope the glitch will be stopped.


.body-wrapper {
position: relative;
-webkit-transition: initial;
transition: initial;
backface-visibility: hidden;
}


-Thanks
Added it, didn't work. :(


Hi there, I have checked now the IE. But, I think the problem not found. Is it possible to share a screencast video? Thanks
here is the video. I found similar issues across multiple installations.
https://drive.google.com/file/d/17GhhtfiBkmrzDveyuP1iyXV0YPWgQR2i/view

the end is the most important as I show the bug there.
.modal doesn't get a display: initiate state and stays NONE as well as .fade:not(.show).
Seems that there is duplicate ID's for my version @ creaktor2.testcreaktor.nl and for creaktor3.testcreaktor.nl I don't see that. I wanted to put the login box into the offcanvas too. But that doesnt work?

Attachments (1)

  • console.png
    console.png 56.3 KB
extra video showing you that the console error about the duplicate ID is not the problem I thought it was. https://drive.google.com/file/d/1kufSKArFYCNccLdXg2jd_m3gMmaEg8OB/view

extra video:
https://drive.google.com/file/d/1jsLIyGxSeLgovIdGJ1Kr8bYSyQY11YqE/view
Not needed thanks, I believe you.

I can't seem to figure out why and that scares me. I created my own template based on helix ultimate now to try and see if it works there. https://creaktor4.testcreaktor.nl Now I will add that button popup later, but what I've noticed here is that, when loading a page. If first shows a small glitch and THEN loads the animation (It starts with fade in 2500ms for instance). Is the order of the plugins the problem? Or how can I solve this so that when visiting the page, it doesn't reveals a 0.1ms preview.

This happens in IE.


Hi there,

Add this css code inside the custom.css file. I hope the glitch will be stopped.


.body-wrapper {
position: relative;
-webkit-transition: initial;
transition: initial;
backface-visibility: hidden;
}


-Thanks
Added it, didn't work. :(


Hi there, I have checked now the IE. But, I think the problem not found. Is it possible to share a screencast video? Thanks

Might the gliching be due to limited VRAM on the device? Got I-pad pro though. OR maybe the ios browser that removes the searchbar and thus scales the viewport height. Is there a fix for that?
a parallel problem regarding the modal window for video @ creaktor4.testcreaktor.nl that is not centered I will change this:

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}


and overide it with

.mfp-container:before {
height: 100vh;
}

Also in IE the modal popup goes straight to youtube once clicked. See here https://drive.google.com/file/d/1xqRP4_jCVelt40AQFkWM6TTOvwIuu1B7/view
a parallel problem regarding the modal window for video @ creaktor4.testcreaktor.nl that is not centered I will change this:

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}


and overide it with

.mfp-container:before {
height: 100vh;
}

Also in IE the modal popup goes straight to youtube once clicked. See here https://drive.google.com/file/d/1xqRP4_jCVelt40AQFkWM6TTOvwIuu1B7/view


https://drive.google.com/file/d/1F2hIEo668LyCQSG2rxeWnoG4UeHhXtlI/view This is a new video. There seems to be a conflict with the magnific-popup.min.js and the animated slider text elements depending on the state of the javascript compiling. Could you let me know if this will be fixed and within what timespan? I'm planning a release end of oktober.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Sifat

Sifat

Total Accepted Answers: 63
Toufiq

Toufiq

Total Accepted Answers: 60
Mehtaz Afsana

Mehtaz Afsana

Total Accepted Answers: 13
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 11

118

Templates

302815

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us