Power Apps Spinner – Modern Controls


Purpose

A Power Apps spinner control is a visual element that indicates to the user that content is being loaded or processed. Its purpose is to provide feedback to the user that the system is working and to alleviate anxiety or frustration caused by long loading times.



Properties

AccessibilityLabel
Screen readers will voice this string when a user selects the control
Appearance
Chooses the spinner’s style.

= “Primary”

= “Inverted”


DisplayMode
Selects the mode: Edit, View or Disabled. In Edit mode the user can input values. In View mode the user can only see the values and in Disabled mode the control is greyed-out.

Options:
= DisplayMode.Disabled
= DisplayMode.Edit
= DisplayMode.View
Height
Distance from the top of the control to the bottom
Label
Text to display beside the spinner
LabelPosition
Selects the label placement relative to the spinner

Options:

= “Above”


= “After”

= “Below”


= “Before”

OnChange
Actions that will be executed when the Value property of the progress bar changes
Spinner Size
Determines the spinner size

Options:
= “Tiny”
= “ExtraSmall”
= “Small”
= “Medium”
= “Large”
= “ExtraLarge”
= “Huge”
Visible
Determines whether to show (true) or hide (false) the control
Width
Distance from the left side of the control to the right side
X
Distance from the left edge of the screen to the left side of the control
Y
Distance from the top edge of the screen to the top of the control




How To Use The Power Apps Spinner Control

1. Select the Spinner control in Power Apps studio. Write a text value in the Label property.

"Loading"



2. Set the Label Position property to the preferred value

"After"


3. Create a variable to show the spinner when true

Set(varIsLoading, true)


3. Create a variable to show the spinner when true

Set(varIsLoading, true)



4. Apply the variable to the Visible property of the spinner

varIsLoading


5. Set the variable to false to hide the spinner

Set(varIsLoading, false)





Questions?

If you have any questions or feedback about Power Apps Spinner – Modern Controls please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.

Subscribe
Notify of
guest

7 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Kevin Lowe
Kevin Lowe
8 months ago

Matt – have you noticed that the spinner no longer has a white background? It has a transparent background unless you invert it? Or is that just me/my environment..

Prashanth
6 months ago
Reply to  Kevin Lowe

I have noticed it too, and it ended up breaking my theme in some cases, as the transparency was what I was not intending on.

Andrew Crompton
Andrew Crompton
6 months ago

Hi, Matthew

My spinner won’t spin!
It appears when I want and disappears when I want, but while it is displaying it just sits there unchanging.
Any idea what might be causing this?

Thanks,
Andrew

Nic
Nic
5 months ago

Thanks for this, Matthew! Just a heads up that your “how to use” steps has #3 in there twice 🙂

Andyshou
Andyshou
5 months ago

Hi Matthew,

Thank you for the article.
But I was wondering… Wher do I have to enter:

  • Set (varIsLoading,true)
  • Set (varIsLoading,false)

as I intend to use it to let users wait till all items of a gallery are uploaded.

Thanks for your advice 😉