This video is a step-by-step tutorial for adding Responsive Design to your existing Canvas Power Apps. The new responsive layout containers (horizontal & vertical) 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 Power App can respond to different devices or screen sizes.
Video covers key Microsoft PowerApps responsive UI design principles & concepts:
✅ What is Responsive Design?
✅ Prepare your Power Apps for Responsiveness Vs Scale to Fit
✅ Horizontal & Vertical Responsive Containers
✅ Container Properties - Stretch, Fill, Flexible width, Flexible height, etc.
✅ Screen Layout Templates
✅ Make existing PowerApps Responsive
🔗 My Responsive Design Playlist: [ Ссылка ]_
🔗 Download ⬇️ Budget Tracker Responsive App
[ Ссылка ]
Microsoft Blog Screen Size Property & Responsive PowerApps: [ Ссылка ]
Table of Contents:
0:00 - Introduction
0:33 - What is Responsive Design?
0:54 - Why Responsive Design in Canvas Power Apps?
1:44 - Plan for Responsive Power Apps
2:31 - Responsive Containers & Screen Layouts
3:50 - Building Responsive Apps
4:27 - How to make an existing Canvas App Responsive? - Make Screens Responsive
20:10 - Building Responsive Power Apps Forms
27:07 - Responsive App Demo
28:33- Subscribe to Reza Dorrani channel
#PowerApps #ResponsivePowerApps #ResponsiveDesign
