PowerBlocks
GuidesBuild a responsive Power Apps screen with containers
Power Apps

Build a responsive Power Apps screen with containers

Stop pinning controls with fixed X/Y. Use layout containers and relative sizing so screens adapt to any window or device.

Turn on responsive mode

  1. 1In App Settings > Display, turn off "Scale to fit" so the app uses the real window size.
  2. 2Reference App.Width / Parent.Width instead of hard-coded pixel positions.

Use layout containers

  1. 1Build screens from horizontal and vertical layout containers that distribute their children automatically.
  2. 2Set children to Fill or a percentage of the parent so they grow and shrink with the window.
  3. 3Nest containers to create rows and columns without manual X/Y math.

Add breakpoints

Define a breakpoint such as locIsMobile = Parent.Width < 768 and switch container direction or visibility with it, so a two-column layout stacks on phones.