What you’ll learn:

• How to design a responsive header and welcome message for your Power Apps app.
• How to use the responsive layout controls in Power Apps.
• How to dynamically adjust the layout based on screen size and orientation.
• How to personalize the welcome message with the user’s name and time of day.

Key steps:

1. Start with a responsive design template: Choose the “Responsive with header footer” template when creating a new screen.
2. Add a logo and text label: Use the media uploader to add your logo and a text label for the welcome message.
3. Personalize the welcome message: Use a formula to display “Good morning” or “Good afternoon” based on the time of day, and personalize it with the user’s name.
4. Add a user image: Display the user’s profile picture.
5. Make the layout responsive: Use flexible width and switch statements to adjust the size and visibility of elements based on screen size and orientation.

Benefits:

• Creates a user-friendly and professional-looking app.
• Ensures your app looks good on any device.
• Provides a personalized welcome message.