Loading spinner screen error

(0) Share

Report

Posted on by Tapesh

825

Hi All,

Im trying to use loading spinner as we all know UI and UX has its own impact on customer when it comes to using an application, however, i was following a blog by one of the expert, but while i try to do the same it shows me error, Does any one know why ?

Here is Formula,

Note i want to use loading spinner when the data is loading,

Onscreen: Testing

Visible property: Set(AllRecords, Pettycash) Where petty cash is may Splist name which holds all the records

On Gallary :

Visible Property: All records

On Form:

Visbile: All records

I dont know what im doing wrong.

This below article is what im trying follow,

https://www.eliostruyf.com/showing-a-spinner-when-loading-data-in-powerapps/

any help is appreciated please

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (2)

Sort by

Verified answer

Community Power Pla... Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!

@Tapesh
With respect, you haven't followed the article correctly. You shouldn't be putting code on the Visible property of you Gallery but on the Visible property of your spinner.

Something like this on the Visible property of your spinner should work

CountRows(Gallery1.AllItems)<1

You could try changing <1 to <20 or <50 if you wanted a longer spinner time.

Was this reply helpful? Yes No
Tapesh 825 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks let me give a try and see if that works sir

Was this reply helpful? Yes No
Tapesh 825 on at

Like
a
(1)

Report
Copy link

Link copied!

Yes this did work @Anonymous

But i want the user to see the spinner for 5 seconds more even after the data is loaded.

Was this reply helpful? Yes No
Verified answer

Community Power Pla... Microsoft Employee on at

Like
a
(2)

Report
Copy link

Link copied!
@Tapesh
You can do this with a Timer control.

On your Testing screen, add a Timer control and it's various properties to the following:

Timer1.AutoStart = startTimer
Timer1.Duration = 5000 (change this to suit your needs eg if you want 10sec use 10,000)
Timer1.Reset = true

Timer1.OnTimerEnd
UpdateContext( { spinner: false, startTimer: false } )

Timer1.OnTimerStart
UpdateContext({spinner: true})

Timer1.Visible = true, but set this to false when you have it working

Add this code to the OnVisible of your Testing screen:
UpdateContext({startTimer: true})

Set your Spinner Visible property to
Spinner.Visible = spinner

This should work, let me know how you get on.

Was this reply helpful? Yes No