This video is a step-by-step beginner’s tutorial for creating Responsive Canvas Power Apps. The responsive layout containers & screen templates will let us build truly responsive Apps that works across Desktop, Mobile and Tablet experiences. A responsive Power App is one in which controls in the App can respond to different devices or screen sizes.
Video covers key Microsoft PowerApps responsive UI design principles & concepts:
✅ Horizontal & Vertical Responsive Containers
✅ Container Properties - Stretch, Fill, Flexible width, Flexible height, etc.
✅ Screen Layout Templates
✅ Responsive Dynamic Tabs
✅ Responsive Gallery
✅ Responsive Form Control
✅ Responsive Filter Container Controls
My Responsive Design Playlist: https://www.youtube.com/playlist?list=PLTyFh-qDKAiHe6pHdlyBbRK1b44bNAAN_
Microsoft Blog Screen Size Property & Responsive PowerApps: https://powerapps.microsoft.com/en-us/blog/new-properties-for-responsive-canvas-apps/
Power Apps Role Based Security - https://youtu.be/J-hMMXrKMVE
Liked my gallery control designs, then check this video https://youtu.be/bnC8u3gdWss
Table of Contents:
0:00 - Introduction
0:39 - Responsive Canvas Power App Walkthrough
4:40 - Build a Responsive Power App
6:21 - Build a Responsive PowerApps Header
13:02 - Build Responsive Dynamic Tabs in Power Apps
24:22 - Build Responsive Gallery Control
30:06 - Add HTML control and make it responsive inside containers
30:36 - Make controls responsive in Power Apps & filter gallery data
37:39 - Responsive Dynamic Tabs formula
38:29 - Build Responsive Form Control
40:12 - Make responsive Apps based on screen size property - change text or font size
40:42 - Subscribe to Reza Dorrani channel
#PowerApps #ResponsivePowerApps #ResponsiveDesign