Page 1 of 1

Fade Out object Dialog

Posted: Tue Sep 02, 2025 9:36 am
by VictorKrs
Hello!

I have an idea that when you go to the site, a full-screen screensaver appears for 1 second, and then the index of the page is displayed.

Based on this, there are questions about the operation of the "Dialog" object:
1. In the "Bootsrap" mode, when setting the Hide property of the "Animation" property group to "Fade out", the animation effect does not work. The dialog box is hidden without the fade effect. If you switch to the "jQuery UI" object type, the Fade effect works. Please tell me, what could be the problem?
2. If you configure the Dialog window to appear immediately when the page loads in full-screen mode, then at the time of initial page loading, the page appears first (for a fraction of a second) and only then the Dialog window appears. The Dialog object has fullscreen and modal modes. Please tell me how to avoid the appearance of a website page before the Dialog window appears?

Sincerely, Victor!

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 10:33 am
by Pablo
If you need assistance then please provide a demo project.

Image

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 12:08 pm
by VictorKrs

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 1:20 pm
by Pablo
1. The reason why it does not work, it because you did not set a show animation.

2. A dialog is created by JavaScript, so it will take some time before the script is loaded.

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 2:01 pm
by VictorKrs
Thanks a lot for the quick reply, Pablo!

1. Ok.
2. Understood. I'll try to find a code that delays the display of the index page, allowing JavaScript to work.
Does any of the users have a ready-made recipe for how to delay the page display, but let the JavaScript code work?

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 2:06 pm
by Pablo
You can only delay via JavaScript, so I am not sure if that will solve anything...
You can try to place everything inside a container and initial hide that container. Then use script to show it after some timeout.

But this is not specific to WWB. As always, any script that works elsewhere will also work in WWB.

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 2:40 pm
by VictorKrs
Thanks!
I'll try!

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 6:12 pm
by crispy68
Are you looking for something similar to this?

or with your demo: link

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 7:09 pm
by pmacdonald
Crispy,

Even if that is not what he is looking for, that is some nice piece of work!

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 7:39 pm
by VictorKrs
crispy68 wrote: Tue Sep 02, 2025 6:12 pm Are you looking for something similar to this?

or with your demo: link
Hello!

Your example on the link is great job!
But, I would like to do as in my example ...
And in principle both examples are the same in fact ...
In your example there is no "jerking" of the home screen and the page. That's what I would like to achieve.

Re: Fade Out object Dialog

Posted: Tue Sep 02, 2025 10:18 pm
by crispy68
@victor,
Download your project file here.

The changes made are on the bttype page.

Re: Fade Out object Dialog

Posted: Wed Sep 03, 2025 8:48 am
by VictorKrs
Hello, Ron!

I sincerely thank you for your help!

Sincerely, Victor!