Learn how to make modern SharePoint lists. First, click the down arrow on PowerApps then choose Create an app to create a new app for the list.
- [Instructor] Let's create a new PowerApp right here from the SharePoint online list. Notice that at the top in the command bar we can click PowerApps and choose Create an app. Build a custom app based on your SharePoint list using PowerApps. We are going to name our app to get started, and we're going to simply call this west inventory, and click Create. This will take a couple moments to build my app.
Notice that what has opened is the web version of PowerApps studio. Which is all displayed in this second tab here in my browser. The app is being saved to my PowerApps collection and here is the first screen of my PowerApp. This is great. A quick tour to help us get started. We'll take this tour because it's a quick way to be able to understand how this interface works for the studio. First on the left we have thumbnails for the screens, and when we create a new PowerApp, by default we get three separate screens.
We get a screen that's used for browsing. We see that one here. We get a screen that's detailed for one item, and then we get a screen that you can use to create new items or to edit existing items because the browse screen is really a read only screen. In addition to the thumbnails, we have this design workspace, the area in front of us where we're going to create a form just like it will look when it's being used on a mobile device. We have property dropdown menus that allow us to modify controls.
We're going to talk about that in the next few movies, and formula bar. In this case the formula bar is actually showing us the value of a color, but we can use other formulas that are PowerApps formulas similar to formulas that we would see in Excel. Other features of this interface include a menu at the top that has tabs. On the right hand side we're seeing details for the selected screen.
These are the different options that we could use to layout this screen, and we have advanced options, actions. At the bottom, a zoom slider. That's kind of nice, and the ability to click fit to window. So after we've zoomed, if we're looking at a high level of detail, the quick way back is simply to fit to window once again. If we'd like to preview the app, we have a couple of different choices. First there's a preview button here that will show us how this app will look in a browser, which is similar to how it will look on a mobile device.
Remember that I said that we get three different screens. This is our browse screen, this is our detail screen, and if we wish to edit or create, that's what this screen looks like. So there's the edit version of it, and if we were in our browse screen and we click plus, the empty version of that same screen, so three screens, and this is a preview, and to get out of the preview, simply click the X, and we'll be back in the PowerApps studio, but we also can launch that app from here because this is where we created it from.
Click Open. The first time you do this, it will take a little bit longer to load, and here comes our PowerApp connecting to our data. Looks exactly the same. Browse screen, details screen, new and edit screen. This PowerApp is now available here essentially as a view.
If I'd like to work rather than with the list view with the app, click Open, and I'm taken to webs.powerapps.com so that I can view and use this app.
- Signing up for PowerApps and Microsoft Flow
- Importing a custom list from Excel
- Creating and managing a PowerApp from SharePoint
- Formatting text, modifying settings, and branding your app
- Updating app forms and the data source for an app
- Applying conditional formatting to a control
- Creating a flow for a SharePoint list
- Adding data using a mobile app
- Viewing results in Flow