2021-03-23, 11:14 AM
Hello.
Everything in our forum works fine after updating from 1.8.10 to 1.8.25 except modal pop-ups.
Everything is adapted according to the indications and manuals that we have read. Our theme is MyBBPro theme modified and adapted with different colors
We have modified in global. css the modal section, the previous configuration did not work either.
This configuration is now in global.css:
We have also added to headerinclude this:
We don't get any jquery errors, but modal pop-ups keep popping up at the bottom left of the forum page.
This is de modal pop-up MyAlerts
[attachment=43961]
And this de modal pop-up add more smilies
[attachment=43960]
Can someone help us please?
The url: www.altoconsejojedi.es
If you need a test account I can send it by private message.
Regards.
Hello:
We have also tried another solution that has worked for some people too, but we don't have any solution yet.
In global.js, line 107
We can't find a solution, we need your help, please
Regards.
Hello:
We have finally found the solution.
All the problem came from the jquery update of the MyBB version, version 1.8.10 used jquery 1 and the current 1.8.26 uses jquery 3. In our theme MyBBPro its bootstrap folder was outdated and from this link https: / /getbootstrap.com/docs/3.4/customize/ we have been able to update and download the latest version for the current version of jquery.
Now all our pop-up windows work correctly.
Everything in our forum works fine after updating from 1.8.10 to 1.8.25 except modal pop-ups.
Everything is adapted according to the indications and manuals that we have read. Our theme is MyBBPro theme modified and adapted with different colors
We have modified in global. css the modal section, the previous configuration did not work either.
This configuration is now in global.css:
/** Modal Start **/
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.blocker:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
width: 400px;
text-align: left;
background: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/We have also added to headerinclude this:
var templates = {
modal: '{$jsTemplates['modal']}',
modal_button: '{$jsTemplates['modal_button']}'
};We don't get any jquery errors, but modal pop-ups keep popping up at the bottom left of the forum page.
This is de modal pop-up MyAlerts
[attachment=43961]
And this de modal pop-up add more smilies
[attachment=43960]
Can someone help us please?
The url: www.altoconsejojedi.es
If you need a test account I can send it by private message.
Regards.
Hello:
We have also tried another solution that has worked for some people too, but we don't have any solution yet.
In global.js, line 107
find:
$(html).appendTo('body').modal(options);
now change the line to:
$(html).appendTo('body').addClass('lastModal').hide();
$('.lastModal').removeClass('lastModal').modal(options);
We can't find a solution, we need your help, please
Regards.
(2021-03-23, 11:14 AM)pedrag2 Wrote: [ -> ]Hello.
Everything in our forum works fine after updating from 1.8.10 to 1.8.25 except modal pop-ups.
Everything is adapted according to the indications and manuals that we have read. Our theme is MyBBPro theme modified and adapted with different colors
We have modified in global. css the modal section, the previous configuration did not work either.
This configuration is now in global.css:
/** Modal Start **/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { width: 400px; text-align: left; background: #fff; display: inline-block; vertical-align: middle; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(images/close.png) no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url(images/spinner_big.gif) no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /** Modal End **/
We have also added to headerinclude this:
var templates = { modal: '{$jsTemplates['modal']}', modal_button: '{$jsTemplates['modal_button']}' };
We don't get any jquery errors, but modal pop-ups keep popping up at the bottom left of the forum page.
This is de modal pop-up MyAlerts
And this de modal pop-up add more smilies
Can someone help us please?
The url: www.altoconsejojedi.es
If you need a test account I can send it by private message.
Regards.
Hello:
We have also tried another solution that has worked for some people too, but we don't have any solution yet.
In global.js, line 107
find: $(html).appendTo('body').modal(options); now change the line to: $(html).appendTo('body').addClass('lastModal').hide(); $('.lastModal').removeClass('lastModal').modal(options);
We can't find a solution, we need your help, please
Regards.
Hello:
We have finally found the solution.
All the problem came from the jquery update of the MyBB version, version 1.8.10 used jquery 1 and the current 1.8.26 uses jquery 3. In our theme MyBBPro its bootstrap folder was outdated and from this link https: / /getbootstrap.com/docs/3.4/customize/ we have been able to update and download the latest version for the current version of jquery.
Now all our pop-up windows work correctly.