Skip to main content

Notifications

Community site session details

Community site session details

Session Id :

App Timer Wait Recipe 2023

poweractivate Profile Picture Posted by poweractivate 11,078 Most Valuable Professional

Here is a new App Timer Wait Recipe for 2023.

See appTimerRecipe.msapp attached. 

 

appTimerRecipeScreen1.png

 

appTimerRecipeScreen2.png

 

Formulas:

 

App


App OnStart

Set(gloDoneLoading,false)

App StartScreen

Screen1

 

Click App -> ellipses -> Run OnStart in Editor once, to test the app correctly in Power Apps Editor, before entering preview mode:
poweractivate_0-1691255080659.png

 



 

Screen 1:


Button1 Text

If(gloDoneLoading,"Done, Awaiting Timer End...","Simulate Done Loading")

Button1 DisplayMode

If(gloDoneLoading,DisplayMode.Disabled,DisplayMode.Edit)

Button1 OnSelect

Set(gloDoneLoading,true);

Label1 Text

"Loading, Please Wait"

 

Timer1 (on Screen 1)

 

AutoStart

true

This makes sure the Timer automatically starts when you are on this screen if it's set to true.

 

Duration

2000

It's in milliseconds.

So 2000 milliseconds means 2 seconds.

So the timer will run once for 2 seconds, running OnTimerStart when the Timer starts, and OnTimerEnd when the Timer ends.

Then, the Timer just stops unless Repeat is set to true.

The Timer should start again every 2 seconds if the Repeat property is also set to true, which results in running OnTimerStart again when it starts again, and OnTimerEnd again when it ends again.

 

OnTimerEnd

If(gloDoneLoading,Navigate(Screen2))

This formula runs after the Duration of the Timer has elapsed. 

 

Repeat

true

Make sure the Timer doesn't run only once, but repeats instead.

 

Visible

false

Hides the Timer so we don't actually see it.

 

Screen 2:

 

Button 1_1 OnSelect

Set(gloDoneLoading,false);Navigate(Screen1);

Button 1_1 Text

"Simulate Loading Again"

Label 1_1 Text

"Done!"

 

Also See appTimerRecipe.msapp attached. 
How to import:

 

1. Download the attached file appTimerRecipe.msapp to your Downloads Folder, Desktop or anywhere of your choosing on your computer.


2. Create a new blank Power App Canvas App. Then, go to Ellipses to right of Settings on top bar, then click Open in the sub-menu

poweractivate_0-1691808238159.png

3. Click Browse Files

poweractivate_1-1691808268543.png

4. When prompted to choose a File from your computer, navigate to where you downloaded the attachment appTimerRecipe.msapp  and then select it, then click Open

 

5. The app should now be imported in and ready to test and play with!

 

5. To test the app correctly, be sure to click App -> ellipses --> Run OnStart once before entering preview mode. 

poweractivate_0-1691255080659.png

 

 

Categories:

Mobile App Design and User Experience

Comments