Converting an App to Responsive in Microsoft Power Apps

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

[PondyBS]

Thank you Andew! For your video is a stunning easy to understand, I like to appreciate you.

[beecee]

Thank you Andrew! I do believe most apps should be designed responsive for the future in our tenant. Thanks for sharing this we will have to convert many apps!

[StephanOnisick]

Nice Presentation. I'm not sure how the icon takes over for the button. You just added an icon. How does it associate with the "On Select" of the button?

[dereketsao]

Hi Andrew, thanks for the video summarizing the use of container. Is it possible to add a DataCard directly to a container? I know this is a basic question, but I would like to confirm it with an expert like yourself so I don’t miss anything. Thanks.

[RyanSmith-mhlj]

Hi Andrew, great video, but I have a question, I have an app (with 11 different screens), is there a way to convert or make that app as a Responsive app? I did not use containers, any advise, much appreciate it!

[SisaaTech]

Is it possible for me to publish an app independently where I can send the link to my app and I can send this link so that people can access my app?