In Focus

How To Show A Progress Loader In PowerApps

In this blog, we will see how to show a loading control while switching between the screens in PowerApps.

If you have PowerApps native app with multiple screens and each screen has a form with more than 25 fields, then switching between the screen takes time. This makes the end-user annoyed or makess them confused about whether the app is acting or not.

In this blog, we will see how to overcome this and show a nice loading control or progress control in PowerApps.

Navigating between screens is a very common need in an app. You might have observed that after tapping the Next button (which navigates to the other screen), the screen hangs up for a few seconds. Of course, this depends upon what kind of data you are fetching on the second screen. If it’s a static screen with very few controls, then the navigation will be smooth. But if it’s a screen which is fetching data from a SharePoint list or SQL database, then it takes a few seconds to load the data. During this time, PowerApps hangs on the first screen and leaves the user confused. To avoid such kind of unusual behavior, we can show a loader.

Every screen has a property named LoadingSpinner. This property is used to show the loader control. By default, the value of this property is set to None.

Set its value to either LoadingSpinner.Data or LoadingSpinner.Controls, as shown below.

How To Show In Progress Loader In PowerApps

This is how loader appears when the user is navigated to the above screen from some other screen. This helps a lot when your screens have complex UI, tons of controls, and tons of fields. That’s it for now.

Thank you.