Power Apps Responsive Header and Footer Components + Debugging

If you are going to build responsive Power Apps, then you are going to need responsive components. In this video, you will learn how to make a responsive header that uses inputs to control font size and the navigation screen. Then you will build a responsive footer to use for debugging. This PowerApps component will help you better understand App Size Breakpoints, width, and height. And of course, there are bonus tips sprinkled in along the way to help you be better overall at Power Apps Responsive Design.

0:00 It Starts
1:26 Quick Demo of Power Apps Responsive Header and footers
4:01 Creating the PowerApps Header Component
14:49 Using Power Apps Component Custom Input Properties
18:23 Making the font size dynamic based on the App Size property
21:44 Building a Power Apps Footer Component for debugging
29:40 Bonus tip: Visualizing the controls sizes by using a background fill
30:55 Bonus tip #2: Hiding the toggle that controls the footer with its visible property

Download the working app with a subscription at https://training.powerapps911.com/courses/video-library

Power Apps Consulting and training at https://www.PowerApps911.com