Updated on 11-apr-2022

Added an OnChange event triggered every time your click on an icon to change the form factor.

The FormFactorSelector component, once added to your app's screen, will allow you to change LIVE the form factor of your screen while working within the Power Apps Studio.

You will find this component very handy while developing responsive Power Apps applications... 😉

Instructions

1. Download the MSAPP file below
2. Edit your app within the Power Apps Studio
3. Import the component into your app using the MSAPP file you downloaded earlier
4. Add the component to the screen you wish to test the different form factors (name the component cmpFormFactorSelector for instance)
5. Set its X coordinate to: Parent.Width - Self.Width
6. Set its Y coordinate to: -Self.Height (don't forget the '-' sign here)
7. Set your screen's Width property to: cmpFormFactorSelector.ScreenWidth
8. Set your screen's Height property to: cmpFormFactorSelector.ScreenHeight

You're good to go. Simply click on a form factor icon to change your screen's size (you don't need to press the ALT key to make it work 😉). Click on the already active icon to rotate the screen 90° and simulate the landscape orientation for your screen.

You can also find the component here: https://github.com/e-gallis/PowerApps/tree/master/Components/FormFactorSelector

Download, install, enjoy! 😊