You can achieve this effect in Power Apps Canvas apps! Here’s a quick way to implement a confirmation pop-up with animation:
How to show a pop-up with an animated tick:
Create a Pop-up Screen/Overlay:
- Insert a new container (or a rectangle shape) that covers the screen.
- Add a label for your confirmation message (“Task Completed Successfully”).
- Set the Visible property of the container to a variable, e.g., varShowPopup.
Add an Animated Tick:
- You can use a GIF (recommended for simplicity) or an MP4 video for animated green tick.
- Insert an Image control for GIF, or a Media control for MP4.
- Set the control’s Image or Media property to the file URL or upload it to the app.
Trigger the Pop-up:
1. On your submit/complete button’s OnSelect, set the variable:
// Complete your action here, then show popup
// Example: SubmitForm(Form1);
Set(varShowPopup, true); //use updatecontext if you want it to replicate to other screens
2. Use a Timer control to auto-hide the popup after a few seconds.
Set Timer.OnTimerEnd to:
Set(varShowPopup, false)
Start the timer when you set varShowPopup to true using Timer Start Property.
Auto-play animation:
GIFs in an Image control auto-play.
MP4s in a Media control:
Set Start and Visible bound to varShowPopup and keep Startime as 0.
Why this approach?
It’s user-friendly and gives instant feedback.
GIFs are lightweight and auto-play easily.
Using a variable for visibility keeps your UI clean.
The timer auto-hides the pop-up, so no extra clicks are needed.
Please give the mentioned solution a try and let me know whether it works for you.
If it solves your issue, feel free to mark this thread as answered.
Please make sure to like the response!
Thanks!
- Hemanth Sai
