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
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Carousel_PP_768x460_Wave2 (1).png

2022 Release Wave 2 Plan

Power Platform release plan for the 2022 release wave 2 describes all new features releasing from October 2022 through March 2023.

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Top Solution Authors
Users online (3,995)