Horizontal Scrollable Screen?

[cooper33]

I want to create a PowerApp and add new content horizontally. It does not need to be able to scroll vertically. I can add sections using the Scrollable screen but only see that they are added below existing content. Any way to add this next to it instead?

[v-yuxima-msft · Accepted solution]

Hi @cooper33 ,

Do you want one horizontal scrollable screen as which has the function as vertical scrollable screen but the scrollbar is horizontal?

I am afraid there is no directly way to achieve what you want.

But as an alternative workaround, you can use horizontal gallery to achieve that:

Add one blank horizontal into the screen and if you want to different sections to show different content you can by adding galleries to achieve it.

If you would like this feature to be added in PowerApps, please submit an idea to PowerApps Ideas Forum:

https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

Hope this can be helpful.

Best Regards.

Yumia

[cooper33]

Unfortunately a gallery is not a workaround for this case. I wanted to have a page with a lot of column headings and the horizontal scroll bar so they wouldn't all have to fit in the area given. Thank you for the reply and the link

[Boneckrh19]

There is a horizontal gallery available in PowerApps.

However if you DO want it to have both a horizontal and a vertical scroll, vote here:
https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Gallery-with-both-vertical-and-horizontal-scrol...

[rahulswimmer]

I have successfully implemented a horizontal scroll in galleries. Anyone who needs a solution. Message me on rahul1406@gmail.com 

[Boneckrh19]

rahulswimmer, if you have found a way to do both horizontal and vertical scrolling on the same gallery, please list your solution here so that others can utilize it without messaging you individually.

Otherwise, there is a horizontal gallery built into powerapps so no alternative solution is necessary.

[Chirumpolo]

@Boneckrh19 
You could set up a vertical gallery and use the Label's "X" property to show/hide the columns. I did it using a slider.

My first Column has the X property as "Slider.Value*-153", 153 is the width of my label.
The Second has it as "Col1.X + Col1.Width", If I change my slider value to 1, it will set the Col1.X to "-153", moving the Col2.X to "0".

I have attached a gif showing how it works!

[roamer7485]

Here's my solution to horizontal scrolling on a gallery.

Horizontal Scrolling How-To-Video