Display spinner when gallery is loading, how to do that

[usaman45]

Hi,

I have a gallery to display a list.

The Item for this gallery is:

SortByColumns(
Filter(
PowerApps_Product_List_V,
SearchText_Main.Text in RequestedBy
),
If(
IsBlank(ProjSortPriority),
"RequestNumber",
ProjSortPriority
),
If(
SortDescending,
SortOrder.Ascending,
SortOrder.Descending
)
)

I also have some comboxs and one text input box to change the query and sortting.

Not sure how to show Loading Image when gallery is reload at same screen.

Thanks!

[WarrenBelz]

Hi @usaman45 ,

The screen itself has a LoadingSpinner property on which you can set the colour and also the criteria (Data or Controls).

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

MVP (Business Applications)   Visit my blog Practical Power Apps

[v-jefferni]

Hi @usaman45 ,

There is no way to manually setup a spinner on Gallery. Gallery items will get refreshed/reloaded as soon as the data get changed in Items property. 

Set spinner behavior in Gallery LoadingSpinner property:

LoadingSpinner (None, Controls or Data) - When None, spinner will not be shown. When Controls | Data, spinner will be shown when a render pass occurs that results in visible empty rows.

Gallery control in Power Apps - Power Apps | Microsoft Learn

Best regards,

[EddieE · Accepted solution]

@usaman45 

If you are happy using a collection in your Gallery Items you can use ClearCollect() to reload it each time there's a change and wrap a LoadSpinner variable around your collection code.

Eg

- add a button

- add your items code to this button to create a collection wrapped in variable, eg

// show spinner
UpdateContext({ vLoadingSpinner: true });

ClearCollect( colMyGallery, [... your relevant Items code here ...] )

// hide spinner
UpdateContext({ vLoadingSpinner: false })

- set button visibility to false

- wherever you need to run this code, eg Screen.OnVisible, ComboBox.OnChange, TextInput.OnChange, etc add this code

Select( myButtonName)

- add an image that holds your Spinner and set it's visibility to vLoadingSpinner

I use this process in some apps where load finish time isn't obvious and it works well.

[PichayaCh]

Great, This is good!