Unanswered

How to know what item is currently viewing in gallery

(0) Share

Report

Posted on by eddiecoldrick

I have a gallery with items within it. The gallery is the same width of the template width, so only one item shows at a time. And I have navigation enabled to show the arrows. Is there a way another element (e.g. a label) on the screen could know what item is currently being viewed in the gallery? Obviously there is the "Selected" parameter of the gallery, but that only updates when the user selects the item in the gallery, rather than just navigating to it. Perhaps there is a way I could force the user to select the item when they navigate to it, so Selected is the correct one?

Would be grateful for any ideas or solutions!

Thanks in advance 🙂

Eddie

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Verified answer

JasonZF 572 on at

Like (1)

Report

If the data source for the gallery is a collection, there may be another way to go about this. Instead of the navigation arrows, make your own custom next and previous buttons, and then only have the gallery display the nth record of the collection. The next button would increment a variable, and the previous button would reduce the variable. This variable would be used in the Gallery's items function via an Index(Collection,varItemNumber) formula. You could even have a CountRows() function somewhere to determine how many records there are, then have the button disabled when the end or beginning is reached.

Was this reply helpful? Yes No
eddiecoldrick 15 on at

Like (0)

Report

Hi Jason. I have just finished implementing exactly that... Great minds think alike! 😉 It works really well and I really did use all the functions you have mentioned just before you posted, including CountRows. Shame the default gallery has these limitations though.

Thanks!
Eddie

Was this reply helpful? Yes No
JasonZF 572 on at

Like (0)

Report
As an example, on the OnVisible of my screen, I'm collecting the English alphabet into a collection, setting varSelectedItem to 1, and then performing a CountRows() on the collection. Then my gallery has this in the items:
Index( colAlphabet, varSelectedItem )
The "Next" button:
UpdateContext({varSelectedItem:varSelectedItem+1})
The "Previous" button:
UpdateContext({varSelectedItem:varSelectedItem-1})
The DisplayMode of the next button:
If( varSelectedItem = varItemCount, DisplayMode.Disabled, DisplayMode.Edit )
And the same on the previous button:
If( varSelectedItem = 1, DisplayMode.Disabled, DisplayMode.Edit )

Was this reply helpful? Yes No
JasonZF 572 on at

Like (0)

Report

Agreed. Glad it worked out. Making your own buttons opens up the possibility of designing them to match the rest of your app too, as the existing navigation buttons don't look all that great. I may actually utilize this in some of my apps to click through attachment photos. I do wish the gallery has some more capabilities.

Was this reply helpful? Yes No