PowerApps Studio Screen Tutorial

This article explains PowerApps Studio’s screen sections and offers some visual aids and tips on using them, so you can start making your PowerApps apps.

PowerApps Studio Screen Basics

(Duration: 5:18)

 

Knowing PowerApps Studio Screen is the 1st step!

 

Hi, this is Mike Negami, Lean Sigma Black Belt.

 

In this article, we’ll review the PowerApps Studio screen together. I’ll show you each section of the screen and its tips. This is great for people who are going to learn PowerApps.

In the last article about this topic, I wrote about tips for preparing source data and procedures up to generating the sample app. ⇒ “PowerApps: 4 great tips in preparing the source data in Excel”

 

The amazing part of this software is that it makes a sample app from source data automatically. The image below is the sample app made from my source data.

 

PowerAppsサンプルアプリ

 

It’s much quicker than making an app from scratch. This operating environment is called ‘PowerApps Studio’.

 

The left lane shows the list of names of screens and each parts.

 

See the left lane of the screen. Here are the names of all parts currently in your app.

 

The square icons represent screens. By clicking the left triangle, you can show or hide the all parts such as labels and icons on the screen.

 

PowerApps左レーンスクリーン

 

Click ‘…’ (the line of dots), then from the next menu, you can move the screen up and down or delete the screen. By selecting another screen icon, you can easily move to that screen.

PowerApps左レーンメニュー

 

Next, let’s look at the parts inside the screen. By clicking a name, you can directly select that part and edit it. By controlling these parts, you can design each screen and add necessary functions.

 

Later you’ll refer to these parts from various places. If you keep those default names, it may not be easy to identify which parts they refer to and this may cause errors because of mis-referring.

Therefore, it’s better to rename each icon to a brief name you can easily understand. You can do that easily by double clicking on them.

 

Since we cannot use the exact same names, for example, if it’s in Screen 1, I put ‘1’ at the end of all part names on the screen.

 

‘Gallery’ is among the types of parts. You can show a list of specific data with it very easily.

 

PowerApps Gallery

 

The right lane shows properties where you can change settings of the selected part.

 

Next, look at the right side of the screen. It shows the properties of the part currently selected. Here, you can change many settings for each part. The types of properties change according to the type of the selected part.

 

PowerApps Right Lane Screen

 

Like Excel, there is a formula bar in PowerApps too. By selecting a property from the drop list on the left, you can also change the settings.

 

PowerApps 数式バー左のプロパティリスト

 

By setting properties and formulating PowerApps functions, you can create mobile apps without writing difficult code. In the future, I’ll make more videos about PowerApps functions too.

 

PowerApps Studio’s Menu Bar on Top

 

Let’s take a look at the menu bar above. In ‘Home’, there are commands that you use frequently, and you use them to change the shape, color and size of the selected part. This usage is the same as in Excel and PowerPoint which you may already be familiar with.

 

PowerApps メニューバーHome

 

You can add new parts with ‘Insert’. Click the ‘Controls’. Look at these controls.

 

PowerApps メニューバーInsert

 

In addition to the usual ‘Button’ and ‘Drop Down’, this software has ‘Date Picker’ so users can pick dates from the calendar, and ‘Slider’ so users can input numerical values by slide. You can easily add these functions to your app.

 

I’ll explain the other menus, ‘View’ and ‘Action’, another time. Move to the right and there are several buttons.

 

The first button is ‘App Checker’. Clicking the button opens a new section. If there are errors in your app, this section will show you the error explanation and offer solution hints.

 

PowerApps App Checker

 

The next buttons are common ‘Undo’ and ‘Redo’. With the next triangle button, you can preview your app anytime.

 

It’s not necessary to memorize all of today’s contents. You should just grasp the overall picture of the operation. After all it’s important to begin using them.

 

“See these other popular articles.”

 

Comments

View My Stats