Minimize the Height of the Vertical Gallery items? Gallery "Templatesize" property Vs Gallery item "Height" property

Question

We have a Vertical Gallery inside containers, as follow:

now each gallery's item is occupying a lot of vertical space, as follow:

so how I can minimize this space in a dynamic way? now there are 2 settings I can change:

so which property I need to change? and can I define dynamic formulas instead of defining hard-coded numbers inside those 2 properties?

@GaneshSanap-MVP thanks i check it, but i am trying to find a more straightforward approach instead of hardcoding the height — microsoftdeveloperdesigner
– microsoftdeveloperdesigner, Commented Oct 21, 2023 at 17:51
With the examples I gave below, it is not hardcoding the fixed height. Examples are for dynamic height based on heights of all controla inside the gallery. I don't there is any other way than this. — Ganesh Sanap - MVP
– Ganesh Sanap - MVP, Commented Oct 22, 2023 at 5:16

Ganesh Sanap - MVP · Accepted Answer · 2023-10-19 03:37:43Z

You have to change theTemplateSize property of Power Apps gallery control to manage the height of individual item inside the gallery.

And yes, you can define the dynamic formulas for these properties.

Example:

You have a horizontal separator control (named recSeparator) at the bottom to gallery template, you can try setting TemplateSize property to:

recSeparator.X + recSeparator.Height + 10

If it does not work for you, you can try adding all controls inside the gallery template to formula like:

label1.X + label1.Height + 5 + recSeparator.X + recSeparator.Height + 10

Where 5 is space between two controls.

Murilo Santana · Accepted Answer · 2023-10-26 20:47:02Z

Another option is to use the Flexible Height gallery. Each individual row in your gallery will automatically resize based on the content of the row.

For example, the template height is 220 for the image below

When you go to play mode you will see that the template will resize itself

2 Answers 2