11-11-2019 07:13 AM - last edited 12-17-2021 14:49 PM
Here is a component with a simple saving animation. Customization's include allowing you to select the color of the Icon, Title text, Progress Text, Progress Bar Background and Foreground colors as well as the progress messages displayed to the user.
To add successfully, once you have added the component to a screen, add an on visible rule to the screen to set a variable to true or if already true, then to false and then back to true. i.e.
If(saveAnimation = true, Set(saveAnimation, false);Set(saveAnimation,true), Set(saveAnimation,true));
Then on the screen with the component, update the runSaveAnimation property to run on the variable being true.
i.e. runSaveAnimation = saveAnimation
Now when you navigate to the screen with the component on it, the animation will automatically start. You could also run it from a button etc. The component has the runSaveAnimation property which is a boolean so you can configure to set this to true or false as required.