Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / PowerApps

The A – Z Guide Of Create the First powerApps

2.00/5 (1 vote)
22 Apr 2018CPOL3 min read 5.7K  
In this post, we are going to create our first PowerApp.

In this last post, we discussed the PowerApps templates. Now, in this post finally, we are going to create our first PowerApp, isn’t it exciting?

So, as mentioned earlier, login with the authorized credentials and after login, you will find the following dashboard screen. Here, we need to select a Blank Template as shown below. Here, we have a choice to opt for mobile or desktop web. We can choose as per your ease or requirement and then press make this App button.

Dashboard_Blank_app

After clicking the make this app button, we get the following screen which is basically our playground for App creation or actual editor where we can manage our pages, add new pages, add controls, etc.

Editor_Area

As this is our first app, we are going to make it very simple and create an addition of 2 numbers screen (although, it seems simple but a bit tricky as well.)

For which we will click 3 label controls, 3 textboxes & 1 button and arrange them properly as shown in the below figure. Here, we can change the control’s default text, color, etc. by property pane.

Rough_Screen_of_Sum

Once this part is done, in the next step, we need to show the sum of First Number, Second number’s value in 3rd text box when user clicks the Sum button.

One more point which we need to take care of is format property of the textbox.

formatPropertytoText

Now, to achieve this, we are going to write a function on button click as shown in the below image:

image

Here, we need to write the code in function’s tab as shown below in the screen. If you see here, we are using a SUM inbuilt function and using UpdateContext (an internal function) for assigning the addition value of the textboxes to a variable called myAdd.

Sum_Function

Now, once we are done with the above function, in the next step, we are going to assign the myAdd variable (who holds the addition of text1 & text2) to our result text box. To achieve this, select the textbox in which we need to show summation value & click on the Property window’s function tab.

Here, we have to assign the myAdd variable  as a data’s default value (shown in the below figure).

assigning_Default_Value

Once we are done with the above steps, the next item would be to run this App and do a quick testing. To run this App, click on run button (top right corner of the editor) as shown in the below figure:

run

We will get the below screen to test our sum logic.

Test_result

That’s great! We created and tested our first PowerApps. Now, in the next step, save this application. After clicking File menu, a new screen (as we are saving this first time) will appear where we need to provide App name, description of app and icon. After providing these details, click on the Save menu.

save_App

So, congratulations! We have created our first simple PowerApps and saved successfully.

Save_App_done

We will see later how to publish it which is also a very easy step.

In the next article, we will see more stuff of PowerApps. Till then, enjoy!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)