web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
🚀 Season of Sharing Community Challenge Launch!
Ask A Community Pro - Series II
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Blogs / Power Apps - Community Blog / Horizontal scrolling of a g...

Horizontal scrolling of a gallery

Views (36)
WarrenBelz Profile Picture WarrenBelz 155,544 Most Valuable Professional
This is a method of giving effective horizontal scrolling on a gallery using nothing but a slider and some dynamic positioning and visibility of the fields displayed. It is not perfect, particularly if you have large width differences between the labels (so the gallery width would need to reflect the largest combination of visible labels), but it works.

I will give an example using 6 labels in the gallery, where 3 fit across and another 3 are "hidden" to the right. I have called the Labels Label_X for ease of reference.

First, put in a Slider with the Min of 0 and the Max of the number of hidden labels (in this case 3).

Your Labels X needs to reflect the position and width of the one to the left - example for Label_2
Label_1.X + Label_1.Width
so they all start where the previous one finishes.

The Width of each label is dependant on whether it is visible (using your desired width)
If(
   Self.Visible,
   YourWidthHere,
   0
)

The Visible of each label depends on the value of the Slider - first currently visible ones
SliderName.Value < 1
SliderName.Value < 2
SliderName.Value < 3
and the ones to be shown progressively
SliderName.Value > 0
SliderName.Value > 1
SliderName.Value > 2
As you move the slider, each value change will hide a field from the left and show one from the right.

Comments

*This post is locked for comments