Power Apps and Power Automate: Advanced Patterns

Creating Responsive Canvas Apps

When you create Canvas Apps, they are not responsive by default. They either have a Phone or Tablet layout. You can tweak some app settings and work with formulas to start make them responsive. But to create truly response Canvas Apps, you will need to work with layout containers. In this chapter you will learn all about the available layout containers and how they can be used to easily create response Canvas Apps.

• What is a responsive app?
• Working with responsive layout containers
• Configuring auto-layout containers
• Working with screen sizes and breakpoints
• LAB: Redesign a Budget Tracker Canvas App so it becomes responsive

Working with Components in Canvas Apps

Components are reusable building blocks for Canvas Apps so that app makers can create custom controls to use inside an app, or across apps using a component library.

• Creating Components and Component Libraries
• Defining Inputs and Outputs
• Using Components
• Canvas Component Properties
• Component library ALM
• Behavior Formulas for Components
• LAB: Create and use a Hamburger Menu component

Creating Custom Connectors for the Power Platform

The Power Platform ships with 1200+ built-in connectors, but what if you need to connect to a custom data source? In that case you can write your own custom connectors and use them in Power Automate and Canvas Apps.

• Create a custom connector using the Connector Wizard
• Using custom connectors
• Create Custom Connectors in solutions
• Environment variables in Solution Custom Connectors
• LAB: Connect to the OMDB API to get movie info in a Canvas App and Flow

Storing Data using Microsoft Dataverse

Almost every Canvas App and Power Automate Flow will have to deal with data somehow. This chapter introduces Microsoft Dataverse as an easy to use and scalable data source compared to storing data in Excel files or SharePoint lists.

• Using Microsoft Dataverse as a data source
• Creating Tables in Microsoft Dataverse
• Creating Columns, Relationships and Views in a Table
• LAB: Create a Dataverse data model to store Car data

Using Microsoft Dataverse in Canvas Apps and Power Automate

In this chapter you will see how you can build a Canvas App on top of tables in Microsoft Dataverse. See how to work with Lookup, Choice, Image... columns in your Canvas app. Learn about the Power Automate triggers and actions that are specific to Microsoft Dataverse.

• Using Microsoft Dataverse in a Canvas App
• Using Microsoft Dataverse in Power Automate
• LAB: Build a Car Management solution on top of your dataverse data

Working with Low-Code Plug-Ins

Low-Code Plug-Ins allow developers to define reusable business logic using the Power Fx language. This chapter teaches students how they can create Plug-Ins and how to trigger these from Canvas Apps and Power Automate flows.

• What are Low-Code Plug-Ins?
• Creating Low-Code Plug-Ins using Power Fx
• Instant vs Automated Plug-Ins
• Connect external data to Plug-Ins
• Using Low-Code Plug-Ins in Canvas Apps
• Using plug-ins in Power Automate
• LAB: Build and integrate Plug-Ins in your Car management solution

Monitoring And Debugging Power Apps

In any application you write, you will need to add error handling logic and display error notifications. You also might want to collect and analyze telemetry data for your apps or integrate your apps with Azure Application Insights. Last but not least, you will see how you can use the built-in monitoring tools of the Power Platform.

• Error handling and notifications in Canvas Apps
• Integration with Azure Application Insights
• Debugging Canvas Apps with the built-in Monitor

Testing Power Apps

Testing is an important part of the Software Development Life Cycle. Testing can help ensure the quality of the app delivered to customers because it can identify issues or defects early in the release process.

• Canvas App Test Studio Overview
• Creating and running Test Cases
• Working with Test Suits
• Processing Test Results
• Best Practices and Limitations
• LAB: Build test cases and log test results