Fade Out object Dialog

All WYSIWYG Web Builder support issues that are not covered in the forums below.
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
Post Reply
User avatar
VictorKrs
 
 
Posts: 343
Joined: Sun May 17, 2020 8:08 pm

Fade Out object Dialog

Post 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!
User avatar
Pablo
 
Posts: 23760
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fade Out object Dialog

Post by Pablo »

If you need assistance then please provide a demo project.

Image
User avatar
VictorKrs
 
 
Posts: 343
Joined: Sun May 17, 2020 8:08 pm

Re: Fade Out object Dialog

Post by VictorKrs »

User avatar
Pablo
 
Posts: 23760
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fade Out object Dialog

Post 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.
User avatar
VictorKrs
 
 
Posts: 343
Joined: Sun May 17, 2020 8:08 pm

Re: Fade Out object Dialog

Post 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?
User avatar
Pablo
 
Posts: 23760
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Fade Out object Dialog

Post 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.
User avatar
VictorKrs
 
 
Posts: 343
Joined: Sun May 17, 2020 8:08 pm

Re: Fade Out object Dialog

Post by VictorKrs »

Thanks!
I'll try!
User avatar
crispy68
 
 
Posts: 3099
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Fade Out object Dialog

Post by crispy68 »

Are you looking for something similar to this?

or with your demo: link
pmacdonald
 
 
Posts: 33
Joined: Wed Feb 23, 2022 7:03 pm

Re: Fade Out object Dialog

Post by pmacdonald »

Crispy,

Even if that is not what he is looking for, that is some nice piece of work!
User avatar
VictorKrs
 
 
Posts: 343
Joined: Sun May 17, 2020 8:08 pm

Re: Fade Out object Dialog

Post 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.
User avatar
crispy68
 
 
Posts: 3099
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Fade Out object Dialog

Post by crispy68 »

@victor,
Download your project file here.

The changes made are on the bttype page.
User avatar
VictorKrs
 
 
Posts: 343
Joined: Sun May 17, 2020 8:08 pm

Re: Fade Out object Dialog

Post by VictorKrs »

Hello, Ron!

I sincerely thank you for your help!

Sincerely, Victor!
Post Reply