Unanswered

Track the position of a gallery scroll bar

(0) Share

Report

Posted on by morgs

Hi All!

I have a vertical gallery that has a scroll bar. I want to have a shadow image that I only want to be visible if there the scroll bar is not at the bottom. So once the user has scrolled to the end of the gallery the shadow image will be set to Visible = false.

To do so, I am wondering if there is a way I can track the position of the scroll window or scroll bar Y position.

If( user has scrolled to the bottom of the gallery , ShadowImage.Visible = false).

Using Gallery.VisibleIndex is not suitable for the scenario unfortunately.

Any help appreciated!

Categories:

Building Power Apps

All responses (5)

Answers (0)

Sort by

ganeshsanap 1,555 on at

Like
a
(0)

Report
Copy link

Link copied!

@morgs I don't think you can track the position of scroll bar in a gallery control.

I didn't find anything related to position of scroll bar in official documentation: Gallery control in canvas apps

Please click Accept as solution & ‌‌👍 if my answer helped you to solve your issue. This will help others to find the correct solution easily. If the answer was useful in other ways, please consider giving it ‌‌👍

Best Regards,

Ganesh Sanap

Blog site
rwittels 510 on at

Like
a
(1)

Report
Copy link

Link copied!

I figured this out. I have a Vertical Container. Below it, I have an arrow pointing down to let the user know that there is more content in it. The last item in my container is called lastItem (for example). The arrow's visibility is set to lastItem.Y>=-200 (-200 being the distance one has to scroll to get to the bottom). This is also how you can check how far a user has scrolled. Unfortunately, this does not work with gallery fields.
CN91 110 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @rwittels ,
Can you please share more info or show the screenshot how you set it in the arrow and last item from the container?

Thank you.
rwittels 510 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi. Make sure that your vertical container is set to Scroll on Vertical Overflow.

Place the arrow directly below the vertical container, not inside it.

Set the Visible Property of your arrow to LastItem.Y>=-250. LastItem is the name of the last component in your vertical container and -250 is how far the item moves upwards when you scroll before it is fully visible at the bottom of your container. You will have to test and change this value a few times until you get it right.
MVP-Phipps 3,521 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Make sure that your vertical container is set to Scroll on Vertical Overflow.

Please Accept as Solution if it solves your question. Or just give it a Thumbs Up if it is helpful because this can help others.

LinkedIn: https://www.linkedin.com/in/charlie-phipps-%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-91338715b/
YouTube: https://www.youtube.com/channel/UChmFBGU1YKIU91sNMQ7buGg
Twitter: https://twitter.com/phipps0218