Make your Power Apps responsive with these quick tips! | Power Apps Responsive Design

In this video we look at some of the first steps I take when transitioning a non-responsive app to a responsive design. These tips are meant to be quick to implement, and in a future video we will look at more advanced responsive design techniques. I hope you enjoy!
Time stamps:
00:00 Intro
00:53 Disable "Scale to Fit"
01:28 Wrap controls in containers when necessary
02:16 Adjust container heights dynamically
04:01 Hide controls based on screen size
06:42 Allow full-screen pop-ups on small screened devices

[@AlemZukic]

I love your content, keep it up and please post some more...following your guidelines has improved my designs

[@basehumax]

Thank you so much

[@dailydecrees]

Great tips! You make power apps so easy 🎉

[@yoginathbadadale]

Great Tips bro ❤

[@andre1787]

Fantastic!!

[@GuruPrasad-xp1yq]

Thanks for great video. i need clarification on how you have table and control in same container and when you click on edit button the form is coming up .how you create that

[@PowerAppsGuy]

Hey there! The table and the form are both inside a horizontal container. An easy way to make the form visible when a table row is selected is to set the form’s visible property to something like !IsBlank(Table1.Selected). That will check if the table’s selected property (Table1 in this case) is blank. IsBlank returns true if the property is blank or false if it is not blank. The “!” At the beginning reverses this so that if the property is blank, it will return false. If it is not blank, it will return true.
Because this returns true when a table’s item is selected, the form’s visible property is toggled between true and false depending if a record is selected or not. Hope that helps!