Converting an App to Responsive in Microsoft Power Apps

If you want to see the beginning of this app design you can visit our previous video at:    • Full Phone App Creation in under 30 m...  

Hi All, Have you or a teammate created an app that was not responsive that needed to be converted to a Responsive Power App Design? Well for me this happens a lot! Of course this happens, Power Apps is for the citizen developer. So let's teach our citizen developers how to convert an app to the responsive design.

In this video we convert our last Power App, we even change a button to an icon depending on the size of our device. We have our home screen, our form screen, and our gallery all converted to responsive.

In the end we even learned a new property of a form, called WidthFit.

Chapters
0:00 Introduction
1:11 Starting a Brand New App
4:00 Lock Aspect Ratio and Scale to fit
7:45 Convert a Button into an Icon
9:48 Finding the Exact Width of a Device
11:50 Adding Backgrounds
14:10 Making a Gallery Responsive on Screen2
17:50 Making a Form Responsive on Screen3
19:25 WidthFit something I learned New
21:30 Conclusion