cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
ChrisHH
Advocate II
Advocate II

Screen new property 'LoadingSpinner'

Hey, just found this new property in 'Screen - Advanced' yet there is no documentation yet, any ideas on how to use?

 

 

44 REPLIES 44

Do we have an ETA on when this will be functional?

Lozzi
slalom
Anonymous
Not applicable

I'm not sure I'm understanding what this is supposed to be used for. I'm looking for a spinner to show while I click a refresh, and hide once it's complete.

I believe MS is working on integrating this directly into the app. In the meantime, here is the workaround that I've found works pretty well:

 

  1. loading.io Website to create loading/spinning gifs to be used
    1. create gif, upload to media bank in app (File->Media->Browse->[attach gif])
  2. Insert gif on page
    1. Insert->Media->Image
    2. Set image property to gif name
    3. Set on visible property to context name (for example) "Loading" (without quotes)
    4. Set the PAGE On Visible property to "UpdateContext({Loading:false})"
    5. Set your control (refresh button) OnSelect, start your OnSelect statement with UpdateContext({Loading:true}), Then your refresh statement, then end with UpdateContext({Loading:false}). If you have a navigation action at the end, the last updatecontext can just be included in that.
      1. IE:
      2. OnSelect->UpdateContext({Loading:true}); Refresh('database');UpdateContext(Loading:false})
      3. or
      4. OnSelect->UpdateContext({Loading:true}); Refresh('database');Naviagte([screen name],none,{Loading:false})
fbxiii
Helper IV
Helper IV

I've also found this new feature and have applied it to a couple of slow loading screens in my App.  I can't see what the difference between the Data and Controls setting is though.  At least it is more prominent than the 'marching ants' at the top of the screen.

How were you able to get it working??

Go to the Screen's advanced settings and put LoadingSpinner.Data or LoadingSpinner.Controls in the Loading Spinner property.

 

I'm still none the wiser to the difference though.

Weird... it doesn't do anything when I do that. >_<

It doesn't last long, maybe you are just missing it?  It seems to stop spinning before the 'marching ants' and the loading of data does too.  I'm not 100% sure it's fully functional yet.

Honestly, I have found my workaround to work better than the generic one being provided and still use it. With the work around, you can surround exactly which refresh/collects you want to show a loading screen for. If you don't want to include something, you would just put it outside the two update contexts. Everything runs in order.

 

  1. loading.io Website to create loading/spinning gifs to be used
    1. create gif, upload to media bank in app (File->Media->Browse->[attach gif])
  2. Insert gif on page
    1. Insert->Media->Image
    2. Set image property to gif name
    3. Set on visible property to context name (for example) "Loading" (without quotes)
    4. Set the PAGE On Visible property to "UpdateContext({Loading:false})"
    5. Set your control (refresh button) OnSelect, start your OnSelect statement with UpdateContext({Loading:true}), Then your refresh statement, then end with UpdateContext({Loading:false}). If you have a navigation action at the end, the last updatecontext can just be included in that.
      1.  IE:
      2. OnSelect->UpdateContext({Loading:true}); Refresh('database');UpdateContext(Loading:false})
      3. or
      4. OnSelect->UpdateContext({Loading:true}); Refresh('database');Navigate([screen name],none,{Loading:false})

Thanks very much!

Helpful resources

Announcements
Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Difinity Conference 2022

Difinity Conference 2022

Register today for two amazing days of learning, featuring intensive learning sessions across multiple tracks, led by engaging and dynamic experts.

European SharePoint Conference

European SharePoint Conference

The European SharePoint Conference returns live and in-person November 28-December 1 with 4 Microsoft Keynotes, 9 Tutorials, and 120 Sessions.

Power Apps Ideas

Changes to Ideas Coming

We are excited to announce a new way to share your ideas for Power Apps!

Top Solution Authors
Top Kudoed Authors
Users online (4,443)