This video is a stepbystep 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/enus...
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