Unanswered

How to make it center

(1) Share

Report

Posted on by IT-17100943-0

Hi,

Im developing an app with a layout like this one. Do you know how to center the items inside the container? I’ve been using left and right padding based on the screen size to achieve this design, but I’m looking for better solutions

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (2)

Answers (0)

WarrenBelz 153,040 Most Valuable Professional on at

Like (0)

Report
Hi IT-17100943-0

To centre a single element Vertically, the Y would be
Parent.Height/2 - Self.Height/2

and horizontally - the X
Parent.Width/2 - Self.Width/2

It gets a bit more complex with two elements, but the principle is the same.
Left Element
(Parent.Width - Self.Width * 2) / 3

Right Element
With( {_Gap: (Parent.Width - Self.Width * 2) / 3}, Parent.Width - _Gap - Self.Width )

Please click 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 giving it a Like.
MVP (Business Applications) Visit my blog Practical Power Apps Buy me a coffee

Was this reply helpful? Yes No
WarrenBelz 153,040 Most Valuable Professional on at

Like (0)

Report

Just following up to see if you received the answer you needed, or if you require further assistance.

Please click 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 giving it a Like.
MVP (Business Applications) Visit my blog Practical Power Apps Buy me a coffee

Was this reply helpful? Yes No