Lab - Create an expenses app for your organization

Completed

Important

For this lab, don't sign in with your credentials. Use the following steps to sign in to your lab environment with the correct credentials:

  1. Select Sign in to launch VM mode in this unit.
  2. A PowerShell window and a Windows Command Prompt window appear. After two to three minutes, they close, and Power Apps opens automatically. Wait for the Power Apps home screen.

To see the lab instructions, select the Instructions tab on the lab sidebar.

In this exercise, you create an expenses app for mobile devices. This app starts from the My Expenses template. Many templates are available for you to choose from, each preconfigured with different logic/functionality to support its use case. As a first-time app creator, make sure that you explore these templates further to help inspire you when you're creating custom apps.

Keep in mind that you can use data from many other sources, including Microsoft Dataverse, SharePoint, cloud services like Salesforce, and on-premises sources like Microsoft SQL Server.

Note

Power Apps requires a Microsoft Office 365 license or a free trial. For more information, see Licensing overview for Microsoft Power Platform.

Before you begin, watch the video for a brief overview of what to expect when creating your first canvas app with Power Apps. The video demonstrates the app's capabilities and how to add new items and edit existing ones.

Create your first app

To create your first app, follow these steps:

  1. Open your browser and go to https://make.powerapps.com. When prompted to sign in, enter your organizational account credentials. If you're using the virtual environment, skip to step 2.

  2. From the Home screen, select Create from the left menu.

  3. Scroll down, and on the right, in the Search all templates field, enter Expenses.

  4. Under Start from template, select My Expenses.

    Screenshot of the My Expenses option under Start from template.

    Note

    After you've selected the template, select Preview to test it.

  5. In the App name field, enter My Expenses App and then select Create.

    Screenshot of the App name field, showing My Expenses App entered and the Create button.

    After a few moments, an "Almost there" pop-up window might display. If so, select Allow.

  6. On the Welcome to Power Apps Studio pop-up window, select Skip.

    As a best practice, after you create the app, immediately select Save to save your app. Power Apps has an AutoSave feature that saves your app every two minutes. However, that feature doesn't start until the app is saved for the first time.

  7. In the upper-right corner, select the Save icon to save your app.

    Screenshot showing the Save icon.

Explore and edit your new app

Your newly created My Expenses app opens in Power Apps Studio, which allows you to review the various screens, controls, and functionality that make this app work.

If you want to play/preview the app, select the Play button in the upper-right corner. When you're ready to return to edit mode, select the X in the upper-right corner.

Note

This sample app includes locally saved information by using collections. If you want to use the app for business purposes, you'll need to create a data source to mimic the existing collections. Then, you'll need to add the connection to this app.

When you're finished, you can close the app by going to File > Close. To view the app on your phone, make sure that you install Power Apps for mobile first.

Install Power Apps for mobile devices

When building or updating an app, you should test it in the same form factor as the users. This app was designed for phone factor, so make sure that you test it on a phone before putting the app into production.

  1. Download Power Apps for mobile from the app store for the platform that you want to use.

  2. Sign in by using your Office 365 username and password.

  3. On your phone or tablet, run the My Expenses app** in Power Apps for mobile. If you don't want to install the app, you can run it in a browser.

  4. If the My Expenses app doesn't show in Power Apps for mobile, select the user account menu and then turn on the Show non-production apps toggle. You might need to swipe to the left or tap your profile icon to get this option.