Page 1 of 1

Banner

Posted: Thu Jan 18, 2024 5:46 pm
by Bucky108
I created a banner object with some text.

The help file says - "You can set a different animation for showing and hiding the characters. If you set both animations, then both animations will be played continuously. If only the show animation is specified, then the animation will play only once on page load."

I specified only the show animation (under Hide its set to None), but the animation plays continuously.

Is there something else that has to be done to show it only once?

Re: Banner

Posted: Thu Jan 18, 2024 5:53 pm
by Pablo
Did you read the tutorial?
https://www.wysiwygwebbuilder.com/animate_text.html

If you need further assistance, then please provide a DEMO project.

Image

Re: Banner

Posted: Thu Jan 18, 2024 5:57 pm
by Bucky108
I did read the tutorial. It seems to be quite out of date.

Is easy to replicate. Just add a banner with some text, enable CSS animations, set the show animation and leave hide as none.

Re: Banner

Posted: Thu Jan 18, 2024 6:22 pm
by Pablo
I specified only the show animation (under Hide its set to None), but the animation plays continuously.
This is behavior by design.

Re: Banner

Posted: Thu Jan 18, 2024 6:25 pm
by Bucky108
So the statement " If only the show animation is specified, then the animation will play only once on page load" is incorrect?

Is there a workaround?

Re: Banner

Posted: Thu Jan 18, 2024 6:31 pm
by Pablo
This behavior has changed some time ago to make it possible to control the animations via events.
For example, you can use a timer event to stop the animation.

https://wysiwygwebbuilder.com/support/w ... anner.html

Re: Banner

Posted: Thu Jan 18, 2024 7:25 pm
by Bucky108
OK in that case what action would you use? I used a timeout timer and tried animation pause; that didn't work.

Then I tried both "media pause" and "media stop" which worked but it's impossible to time it correctly to allow the animation to complete.

Is there another way?

Re: Banner

Posted: Thu Jan 18, 2024 8:54 pm
by Pablo
Media stop should work. There is no other way.
Keep in mind however that once the animations have been trigger the process cannot be stopped until it's complete. Because each character of the text has its own animation context. They cannot be individually targeted.

If you need further help then please share a DEMO project, so I can see what you have done.

Re: Banner

Posted: Thu Jan 18, 2024 9:14 pm
by Bucky108
I tried different delay times, couldn't get anything to work correctly.

https://www.goldhealer.com/test3.zip

Re: Banner

Posted: Fri Jan 19, 2024 8:19 am
by Pablo
I have updated the project, to make it work correctly.
The key is to set the pause time to '0', otherwise the animation will repeat.

https://www.wysiwygwebbuilder.com/suppo ... mation.zip

I have also update the tutorial.
https://www.wysiwygwebbuilder.com/animate_text.html

Re: Banner

Posted: Fri Jan 19, 2024 1:10 pm
by Bucky108
Awesome. Thanks Pablo!