Banner

[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?

[Pablo]

Did you read the tutorial?
https://www.wysiwygwebbuilder.com/animate_text.html

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

[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.

[Pablo]

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

This is behavior by design.

[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?

[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

[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?

[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.

[Bucky108]

I tried different delay times, couldn't get anything to work correctly.

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

[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

[Bucky108]

Awesome. Thanks Pablo!