Fade Out object Dialog
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
- VictorKrs
-
- Posts: 343
- Joined: Sun May 17, 2020 8:08 pm
Fade Out object Dialog
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!
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!
- Pablo
- Posts: 23760
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: Fade Out object Dialog
If you need assistance then please provide a demo project.


- VictorKrs
-
- Posts: 343
- Joined: Sun May 17, 2020 8:08 pm
Re: Fade Out object Dialog
Send link to the project: https://drive.google.com/file/d/1QQOMNS ... sp=sharing
- Pablo
- Posts: 23760
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: Fade Out object Dialog
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.
2. A dialog is created by JavaScript, so it will take some time before the script is loaded.
- VictorKrs
-
- Posts: 343
- Joined: Sun May 17, 2020 8:08 pm
Re: Fade Out object Dialog
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?
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?
- Pablo
- Posts: 23760
- Joined: Sun Mar 28, 2004 12:00 pm
- Location: Europe
- Contact:
Re: Fade Out object Dialog
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.
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.
- VictorKrs
-
- Posts: 343
- Joined: Sun May 17, 2020 8:08 pm
Re: Fade Out object Dialog
Thanks!
I'll try!
I'll try!
- crispy68
-
- Posts: 3099
- Joined: Thu Oct 23, 2014 12:43 am
- Location: Acworth, GA
- Contact:
-
-
- Posts: 33
- Joined: Wed Feb 23, 2022 7:03 pm
Re: Fade Out object Dialog
Crispy,
Even if that is not what he is looking for, that is some nice piece of work!
Even if that is not what he is looking for, that is some nice piece of work!
- VictorKrs
-
- Posts: 343
- Joined: Sun May 17, 2020 8:08 pm
Re: Fade Out object Dialog
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.
- crispy68
-
- Posts: 3099
- Joined: Thu Oct 23, 2014 12:43 am
- Location: Acworth, GA
- Contact:
- VictorKrs
-
- Posts: 343
- Joined: Sun May 17, 2020 8:08 pm
Re: Fade Out object Dialog
Hello, Ron!
I sincerely thank you for your help!
Sincerely, Victor!
I sincerely thank you for your help!
Sincerely, Victor!