Nested gallery issue

(0) Share

Report

Posted on by CD-28031715-0

192

I've been going round and round in circles trying to sort this out...

I am attaching a screenshot of what I'm working on. My data sources are Sharepoint lists, namely Support Sessions list and Attendees list. I am endeavouring to create a report showing the details of each session and the attendees. I have an outer gallery that shows the Support Session details on the left and then a nested gallery showing the Attendees at each session. I am struggling to get the spacing right. I need the amount of space to adapt depending on how many attendees there are at each session. Is this something that should be achievable? I have scribbled/rubbed out the Support Session and Peer Supporter information for privacy reasons. The parents names are all fictional, so they remain! Any help will be hugely appreciated.

Categories:

General topics

Building Power Apps

I have the same question (0)

All responses (3)

Answers (2)

Sort by

Verified answer

WarrenBelz 155,838 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @CD-28031715-0,

The outer gallery needs to be a Flexible Height control and the nested item a standard Vertical gallery. You can the make the Height of the nested item based on the number of rows present. Something like this generally works for me

(Self.AllItemsCount * (Self.TemplateHeight + Self.TemplatePadding)) + Self.TemplatePadding

You can also set maximum and minumum heights by wrapping like this Max(Min(CodeAbove,YourMin),YourMax)

Please ✅ Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like ♥
Visit my blog Practical Power Apps LinkedIn

Was this reply helpful? Yes No
Verified answer

Vish WR 3,748 on at

Like
a
(1)

Report
Copy link

Link copied!

Try this and see if it works

1.   Outer Gallery → Set Height mode to Flexible
2.   Outer Gallery TemplateHeight → Set to a formula that sums your fixed content height + the nested gallery height
3.   Nested Gallery → Keep as standard Vertical Gallery
4.   Nested Gallery Height →
Max(1, Self.AllItemsCount) * (Self.TemplateHeight + Self.TemplatePadding) + Self.TemplatePadding
5.   Nested Gallery Items → Filter by the current outer gallery row:
Filter(Attendees, SupportSessionID = ThisItem.ID)

Please ✅ Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like ♥
Visit my blog My Tech Space    LinkedIn

Was this reply helpful? Yes No
CD-28031715-0 192 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks both for the suggestions — really appreciated.

Switching the outer gallery to a flexible height one made a big difference. I kept the inner gallery standard and then controlled the row height using a simple calculation based on the number of attendees, which finally stopped the overlap and spacing issues.

It took a bit of trial and error with container heights, but the key was not overcomplicating it and just making the outer container respond directly to the attendee count.

All working nicely now — thanks again for pointing me in the right direction!

Was this reply helpful? Yes No