Add Responsive Design to your Power Apps | Make existing Canvas Apps Responsive

Reza Dorrani
Reza Dorrani
70.8 هزار بار بازدید - 2 سال پیش - This video is a step-by-step
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: Power Apps Responsive Design

🔗 Download ⬇️ Budget Tracker Responsive App
https://github.com/rdorrani/PowerApps...

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

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
2 سال پیش در تاریخ 1400/11/25 منتشر شده است.
70,803 بـار بازدید شده
... بیشتر