How to build Responsive Power Apps | Responsive Layouts, Tabs, Galleries & Forms

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:    • Power Apps Responsive Design  

Microsoft Blog Screen Size Property & Responsive PowerApps: https://powerapps.microsoft.com/en-us...

Power Apps Role Based Security -    • Implementing Role Based Security in P...  

Liked my gallery control designs, then check this video    • Power Apps Gallery Design Ideas  

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