Display spinner when gallery is loading, how to do that

(1) Share

Report

Posted on by usaman45

314

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!

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

WarrenBelz 153,034 Most Valuable Professional on at

Like (0)

Report

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

Was this reply helpful? Yes No
v-jefferni on at

Like (0)

Report

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,

Was this reply helpful? Yes No
Verified answer

EddieE 4,641 Moderator on at

Like (4)

Report
@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.

Was this reply helpful? Yes No
PichayaCh 102 on at

Like (0)

Report

Great, This is good!

Was this reply helpful? Yes No