Create a Horizontal Scrollable Gallery in Power Apps [With Headers]

I developed an employee satisfaction survey application in Power Apps a few days before. There, I was required to display the details of the employee satisfaction survey in the Power Apps gallery. However, the SharePoint list has more than 30 fields, so I was required to develop a horizontal scrolling gallery so employees could see each field’s data.

In this article, we will discuss how to create a horizontal scrollable gallery in Power Apps, including headers.

Create a Horizontal Scrollable Gallery in Power Apps

Look at the example below. The Power Apps gallery has horizontal scrolling; when I scroll it, I can see more field data.

Follow the steps below to achieve this!

1. In the Power Apps new screen, add a Horizontal Container and, within this, add a normal Container.

2. Add a gallery control within this regular container and provide the SharePoint list name on its items property.

items: 'Employee Travel Expenses'
Width: 1745

Then, add text labels to display each field’s data. To maintain the positions dynamically, provide the formulas below for each label in the gallery.

Label Control Names	Width	X	Y
Label_1	200	0	0
Label_2	200	Label_1.X+Label_1.Width	0
Label_3	200	Label_2.X+Label_2.Width	0
Label_4	200	Label_3.X+Label_3.Width	0

Add the previous label control names in the X position formula. Increase gallery width if you require it.

3. Provide the below formula for the Container‘s LayoutMinWidth property:

Gal_EmpTravelExpenses.Width

4. Add labels for the column headings within the container and above the gallery. Then, dynamically adjust the X and Y positions using the formulas below.

Header Control Names	X	Y
Label2_0	0	0
Label2_1	Label2_0.X+Label2_0.Width	0
Label2_2	Label2_1.X+Label2_1.Width	0
Label2_3	Label2_2.X+Label2_2.Width	0

5. Then, provide the Scroll option to the Horizontal Overflow property of the Horizontal Container.

LayoutOverflow.Scroll

Save the changes and preview the app; you can see the scrollbar under the gallery, and when you are trying to scroll, the fields we have added beyond screen size are also visible.

I hope you understand creating a horizontal scroll bar gallery in Power Apps. If you are also trying to create one, follow this article.

Also, you may like:

• Filter Power Apps Gallery By SharePoint Lookup Column
• Display Only Office 365 Active Users In Power Apps Combo Box
• Power Apps Filter Gallery by Dropdown [With Examples]
• 6 Easiest Ways to Filter Gallery in Power Apps
• Pagination in Power Apps Gallery – How to Create