Answered

Multiple galleries on one screen with a scroll bar

(0) Share

Report

Posted on by mseliot

Hi all,

I am trying to create this layout on Power Apps Screen. The screen should have multiple galleries with a scroll bar on the right.

What is the best way to build this screen? I tried to use a vertical container but it does allow multiple rows.

Please help!!

Categories:

Building Power Apps

I have the same question (0)

All responses (8)

Answers (1)

Sort by

Rusk 1,369 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hi @mseliot

I don't know if putting that many Galleries in another gallery is a good idea... you may run into performance issues. However, if you really want to do so, you can try this:

1) Add a Flexible Height Gallery. This will give you your scroll bar once the size exceeds your screen size. In the below example, I have set the Gallery Width to Parent.Width, and Height to Parent.Height

2) Nest your sub Galleries into the main Gallery by inserting them into the template for your main Gallery

3) You will get the desired scroll bar once your content starts going off screen

Here's an example:

When using the app, the scroll bar is available:

Was this reply helpful? Yes No
v-bofeng-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi @mseliot ,

You could set the parent gallery's wrap count to 4

Best Regards,

Bof

Was this reply helpful? Yes No
mseliot 89 on at

Like (0)

Report
Copy link

Link copied!

Thank you Rusk!

When I followed your instructions, I do see the sub-galleries repeat 4 times.

I created 12 sub-galleries under the main gallery as below.

When I click on the preview, the 12 galleries appear 4 times as below.

Any clue why it is happening?

Thanks!
Eliot

Was this reply helpful? Yes No
mseliot 89 on at

Like (0)

Report
Copy link

Link copied!

Thank you Bof. If the wrap count is set 4, it repeats same gallery 4 times horizontally. (e.g. gallery1, gallery1, gallery1, gallery1).

Was this reply helpful? Yes No
Rusk 1,369 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Try setting the main gallery template fill to a color, such as a light grey, and then adding a template padding of 10 or so. That way you can see where the main gallery template begins and ends. I'm guessing its something to do with the template size of your main gallery.

Was this reply helpful? Yes No
mseliot 89 on at

Like (0)

Report
Copy link

Link copied!

Hi Rusk,

I set the main gallery height to parent.height as you mentioned. See the below. Is it something related to how I inserted the sub-galleries into the main gallery? Very strange..!

Was this reply helpful? Yes No
Rusk 1,369 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

So although your Gallery is the height / width of your screen, the template height is not as large as you want. Try just dragging it, from that outline you see in your screenshot, all the way down to the bottom of the screen

Was this reply helpful? Yes No
Verified answer

mseliot 89 on at

Like (0)

Report
Copy link

Link copied!

Thank you all! I figured the best way of achieving it. I added a scrollable screen (New Screen -> Template -> Scrollable) and inserted multiple galleries under Canvas - Datacard. It works like charm! No need to use nested galleries in this way!

Was this reply helpful? Yes No