Hello everyone and welcome to my blog. Today’s blog is on how to show a loading spinner in Power Apps Canvas apps.
Traditionally we have used a combination of controls to mimic loading spinner. However it is no longer required.
As of the time of writing this blog, Microsoft have announced the availability of Modern controls in canvas apps. But what are these Modern controls?
Modern controls are based on Fluent UI design and they are introduced so that canvas apps are able to blend easily with other UI interface. One of the Modern controls in the Spinner control. Let’s explore that.
The first step is to enable Modern controls in your canvas apps. As I said earlier, the feature is in preview. So we need to enable it from Settings area.
Navigate to Settings -> Upcoming features -> Preview and then enable Try out the modern controls.
Once enabled, save your app. The controls area now will have a section from where you can insert the Modern controls.
As you can see in the screenshot above, there is a Spinner control in there. Let’s explore that. Below are the important properties of the Spinner control.
Label
This is the text you want to show in the Spinner control. You can set it to a Dynamic text using variables.
Appearance
You have couple of options here
- Inverted
- Primary
When set to Inverted, the Spinner control will have a background.
When set to Primary, the Spinner control will display with a White background.
Label Position
This setting take care of the positioning of the label with respect to the Spinning icon.
Spinner Size
Quite simple. The size of the spinner. You have various options to choose from
The others are usual properties like Visible, Size and Position.
To show the spinner all you need is to show the spinner when you are running an operation and hide when done. You need to set the Visible property dynamically.
Hope you liked this post. If this post has helped, you can buy me a coffee. Links on right pane.
For similar topics on Microsoft.NET and Power Platform, subscribe to my blog using the Subscribe option on right pane.
You will also like the below posts.
Debajit Dutta
Business Solutions MVP