Power Apps

Responsive layouts, height after "flex"

(1) Share

Report

Posted on by philip_dt

(This is a test app, not my actual project)

I have these three flexible width containers: A, B and C.

This is the container layout:

When I preview the app at phone size, this is what I get:

The width and heights of A, B and C are now (apparently) completely unrelated to "Fill" proportions. MinWidth is obeyed, though. The heights seem to be basically (Total Height - Header)/(Number of rows required to fit containers).

How do I set the Heights of A, B and C in this view or simply work around this?

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (0)

Sort by

jpespena 335 on at

Like (0)

Report
Copy link

Link copied!

Hi,

How do you expect it to look like?

Was this reply helpful? Yes No
philip_dt 20 on at

Like (0)

Report
Copy link

Link copied!

I think my expectation is that there would be some property that lets me adjust the height. But I guess it is still doing what you'd expect of a Horizontal Container. So, maybe that's the answer: change it to a Vertical Container.

Was this reply helpful? Yes No
Suggested answer

jpespena 335 on at

Like (0)

Report
Copy link

Link copied!

Hi,

My suggestion is you can put ABC inside horizontal container and put that horizontal container to a vertical container with the header.

If my post helped resolve your issue, please click Accept as Solution—this helps others find it more easily and marks the item as closed. If you found this or my previous reply helpful, a Like would also be appreciated!

Was this reply helpful? Yes No
Suggested answer

Pstork1 69,456 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
Containers A, B, and C are in a horizontal container. To adjust the height of A, B, and C make sure that the Horizontal container that contains them has these settings

LayoutOverflowY: LayoutOverflow.Scroll

LayoutAlignItems: LayoutAlignItems.Start

Those settings will let you control the height of each container inside the horizontal container, including when they wrap on a mobile.

----------------------------------------------------------------------------------
If this Post helped you, please click "Does this answer your question" and give it a like to help others in the community find the answer too!

Paul Papanek Stork, MVP
Blog: https://www.dontpapanic.com/blog

Was this reply helpful? Yes No