Become a Dynamics 365 expert with Syvantis Learn
Provide additional details about the offer you're running.
This store requires javascript to be enabled for some features to work correctly.
Provide additional details about the offer you're running.
Intro to Power Apps, part 2: Fleshing out an App
Power Apps • Power Platform
Learn how to expand a basic Power App into a more user-friendly application by introducing multiple screens, navigation, display settings, and Power Automate integration. This Fast Class builds on the simple Power App created in Part 1 and demonstrates how to improve both the design and functionality of your app while adhering to best practices for organization and maintainability.
In Part 2 of the Intro to Power Apps series, our focus shifts from creating a basic app to improving usability, organization, and functionality. By adding additional screens, navigation controls, and better design practices, you can create an experience that feels more intuitive for end users. If you are new to the series, it is recommended to complete Part 1 before working through the concepts covered here.
Understanding screen size and display settings
Power Apps provides several display settings that affect how an app appears on different devices. Within the Settings menu, you can configure:
These options help ensure that your app displays correctly across phones, tablets, and desktop environments. For applications intended specifically for desktop use, you can also manually adjust the app's pixel dimensions to create a larger design surface and maintain consistent positioning of screen elements.
Create multiple screens
As applications become more complex, keeping all functionality on a single screen can create a cluttered experience. To improve organization:
In the example, separate screens are created for:
Splitting functionality across screens creates a cleaner user experience and makes future development easier.
Use meaningful names for screens and controls
One of the most important Power Apps best practices is naming controls as you build. Instead of relying on default names such as:
Rename controls to clearly indicate their purpose. Examples include:
Clear naming conventions make applications significantly easier to maintain and understand, especially as projects grow in size and complexity.
Move and reuse existing controls
Power Apps makes it easy to copy, paste, and reposition existing controls. When controls are copied between screens:
This allows developers to reuse components without rebuilding them from scratch. After moving the editing form to a dedicated screen, the layout is adjusted so users have enough space to work comfortably with the record being modified.
Add navigation between screens
Navigation allows users to move seamlessly through the app. Using the Navigate function inside a control's OnSelect property, you can direct users from one screen to another. Common navigation scenarios include:
By combining form submissions with navigation actions, users can complete updates and automatically return to the main screen.
Create a cancel option
Users may decide not to save changes after opening a record. To support this scenario:
This gives users a simple way to exit the editing process without making changes.
Replace ambiguous icons
Visual cues are important for usability. The example replaces a generic chevron icon with a pencil icon to better indicate that the action opens a record for editing. Power Apps includes a large library of built-in icons that can be customized through:
Choosing icons that clearly communicate their purpose helps users understand the application more quickly.
Test record editing
After configuring navigation and forms, the app is tested by:
The updated information immediately appears in the gallery, demonstrating how Power Apps updates the underlying record and reflects the changes throughout the application.
Connect Power Automate to Power Apps
Power Apps integrates directly with Power Automate, allowing developers to trigger workflows from within an app. Using the Power Automate panel, you can:
Power Automate templates are also available to help you quickly build common automation scenarios without starting from scratch.
Use the built-in AI assistant
Power Apps includes a built-in virtual agent that can help answer questions and locate documentation directly from the development environment. The assistant can provide:
While it may not answer every question, it provides a quick starting point for learning new Power Apps features and troubleshooting common issues.
Build better user experiences
Moving beyond a single-screen application is an important step in Power Apps development. By introducing screen navigation, improving naming conventions, organizing functionality, and exploring integrations with Power Automate, you can create applications that are easier to use, easier to maintain, and more scalable as requirements grow. These foundational design techniques provide the structure needed for building more advanced Power Apps in future development phases.
* This transcript summary has been generated from the Fast Class video by Microsoft Copilot. The Fast Class itself was prepared and taught by Syvantis expert consultants.
TUNE INTO THE LIVE CLASS
Ask your questions and get real-time responses from your trusted Syvantis consultants.
What's on the schedule?
Dynamics 365 Business Central
Dynamics 365 Sales (CRM)
Dynamics 365 Customer Insights
Power Platform
Keep learning...
Business Process Designers. Technical Experts. Dedicated Partners.