Mastering Responsive Power Apps: Containers & Layouts with Ridwan Adekanye

Are you tired of your Power Apps looking great on desktop but breaking the moment they are opened on a mobile device? Join us for an in-depth masterclass with expert developer Redwin Adaki as he reveals the secrets to building truly responsive canvas apps. Learn how to move away from frustrating fixed layouts and embrace fluid designs that adapt perfectly to any screen size.

In this session, Redwin explains why responsiveness is no longer optional for modern organizations, especially for field workers and mobile users. He shares his professional journey from graphic design to Power Platform development and provides a step-by-step breakdown of essential layout concepts. You will discover the power of the water analogy for design, where your app should naturally flow into whatever container it is placed in.

Key topics covered include the use of relative dimensions instead of hard-coded pixel values, mastering fill portions to balance screen elements, and setting smart breakpoints using the app width property. Redwin also demonstrates how to handle font sizes, icons, and padding dynamically through the App OnStart property to ensure readability across all devices. Whether you are building a complex dashboard or a simple form, these strategies will help you increase user adoption and create a more professional experience.

Chapters
0:00 Welcome and Technical Intro
3:45 Guest Introduction Redwin Adaki
9:15 Why Responsive Design is Essential
13:20 The Water Analogy for Layouts
17:15 Relative Dimensions vs Fixed Pixels
22:50 Mastering Fill Portions in Containers
27:30 Parent Child Alignment Explained
31:45 Demo Switching Desktop to Mobile View
36:55 Setting Breakpoints with App Width
42:30 Real World Case Study Manufacturing App
47:15 Best Tools for Testing Responsiveness
52:40 Using Power Apps Monitor for Performance
56:10 Dynamic Font Sizes and Paddings
1:01:05 Building Responsive Reusable Components
1:04:30 Final Tips for New App Makers
1:07:10 Q and A and Closing Remarks

If you found these tips helpful, please give this video a thumbs up and subscribe for more Power Platform deep dives. Don't forget to check the show notes for links to our design kit raffle and upcoming event tickets!

#PowerApps #Microsoft365 #ResponsiveDesign #PowerPlatform #LowCode

Видео Mastering Responsive Power Apps: Containers & Layouts with Ridwan Adekanye канала m365 Show Livestream