How-to avoid the black screen with progress bar?

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:D :) ;) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :| :mrgreen: :geek: :ugeek:

BBCode is ON
[img] is ON
[url] is ON
Smilies are ON

Topic review
   

If you wish to attach one or more files enter the details below.

Maximum filesize per attachment: 1 MiB.

Expand view Topic review: How-to avoid the black screen with progress bar?

Re: How-to avoid the black screen with progress bar?

by FTP » Sat Jun 15, 2019 11:49 am

Sorry, I didn't had any email notification.
axew3 wrote: Thu Jun 13, 2019 12:55 pm the preloader?

if you want change it or remove, open your forum-page.php or whatever-you-named-it-page.php
into your WP active template folder.
Open it with text editor and remove following lines:

Code: Select all

// pre loader js code for iframe content 
jQuery( document ).ready(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_wrap_loader\" );
});
jQuery(window).load(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_no_wrap_loader\" );
});
so related html single line:

Code: Select all

<div id="w3_toogle_wrap_loader" class="w3_no_wrap_loader"><div class="w3_loader"></div></div>
Thanks. Perfect! :)

Re: How-to avoid the black screen with progress bar?

by axew3 » Thu Jun 13, 2019 12:55 pm

the preloader?

if you want change it or remove, open your forum-page.php or whatever-you-named-it-page.php
into your WP active template folder.
Open it with text editor and remove following lines:

Code: Select all

// pre loader js code for iframe content 
jQuery( document ).ready(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_wrap_loader\" );
});
jQuery(window).load(function() {
 jQuery('#w3_toogle_wrap_loader').attr( \"class\", \"w3_no_wrap_loader\" );
});
so related html single line:

Code: Select all

<div id="w3_toogle_wrap_loader" class="w3_no_wrap_loader"><div class="w3_loader"></div></div>
If you want to remove related css also, that by the way you can leave (or change as you like if needed) because will not throw any error in this case if you leave it in place, it is this:

Code: Select all

<style type=\"text/css\" media=\"screen\">
.w3_no_wrap_loader{
display:none;
}
.w3_wrap_loader{
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:90;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
width:100%;
display:flex;
align-items: center;
text-align:center;
pointer-events: none;
}
.w3_loader {
height: 8px;
width: 30%;
position: relative; left: 50%;
transform: translateX(-50%);
overflow: hidden;
background-color: #ddd;
border-radius: 20px;
margin:0px;padding:0px;
}
.w3_loader:before{
height: 8px;
border-radius: 20px;
display: block;
position: absolute;
content: \"\";
left: -200px;
width: 200px;
background-color: #2980b9;
animation: loading 2s linear infinite;
}

@keyframes loading {
from {left: -200px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
</style>
NOTE: after closing </style> tag there is the character
"
which need to remain in place.
You have to remove exactly these lines/code, and avoid to leave correct starting/closing tags or remove with no accuracy eliminating also the closing " instruction character.
But this may you already know!
If anything more, just post

How-to avoid the black screen with progress bar?

by FTP » Tue Jun 11, 2019 2:56 pm

Hi,

I've just installed your WP plugin and everything is working fine.
Great job, thanks! :P

I just have one question: how-to can I remove the black screen with progress bar that's displayed when we arrive on the phpBB page?
That's the last thing I really need to do.

Thanks!

Top