Page 1 of 1

How-to avoid the black screen with progress bar?

Posted: Tue Jun 11, 2019 2:56 pm
by FTP
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!

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

Posted: Thu Jun 13, 2019 12:55 pm
by axew3
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

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

Posted: Sat Jun 15, 2019 11:49 am
by FTP
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! :)