Screen new property 'LoadingSpinner'

[ChrisHH]

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

[DavidLozzi]

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

[Anonymous]

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.

[DTreg1]

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]

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.

[eag768]

How were you able to get it working??

[fbxiii]

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.

[eag768]

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

[fbxiii]

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.

[DTreg1]

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})

[eag768]

Thanks very much!