Create a PowerApps App from PowerApps template

In this PowerApps tutorial, I will explain how to create a PowerApps App from PowerApps template. We will see what are various PowerApps templates available. Learn Asset Checkout PowerApps template and how to use Asset Checkout PowerApps templates to create PowerApps App.

Here we will discuss how to create PowerApps App using “Asset Checkout” app template in Microsoft PowerApps. This template provides to reserve products such as laptop, mouse, and keyboard. When our business requirement is to reserve the products then we can use the “Asset Checkout” template to develop the PowerApps App.

According to our requirement, we can customize the PowerApps form, for example, we can change app theme and add the background image and we can edit the data the form.

The beauty of “Asset Checkout” template, without writing a single line of code, you can design the form simply by using out of box features.

Create a Microsoft PowerApps App

First, we will create a Microsoft PowerApps App or form.

To create a new PowerApps App, open PowerApps.com. Then Sign in with the Username and password.

Check Out Microsoft PowerApps and Flow Training Course Videos (Lifetime Access)

From the left side, panel Click on Apps -> Create an app to create a new PowerApps App.

If you are new to PowerApp, then you can read the following PowerApps tutorials:

• Create your First form using Microsoft PowerApps in SharePoint Online
• PowerApps Send an Email on Submit Button

Choose the “Canvas App”. Now Choose the “App templates” from all the templates. Choose any one “Phone layout” or “Tablet layout”.

Choose “Asset Checkout template” To Create Microsoft PowerApps

Microsoft provides lots of PowerApps templates like Asset Checkout, Budget Tracker, Cost Estimator, Employee Engagement Survey, Health Plan Selector, Leave Request, etc.

Click on the “Asset Checkout” from the Templates.

You can see the Preview of the template and then click on Use.

Designing PowerApps App using “Asset Checkout” PowerApps template

In the Left side panel, we can able to see all the individual screen like HomeScreen, Catagory Screen, ReviewScreen, etc. Individual screen wise how we will change our data. Whatever we will use the control it will mention in the left side panel.

For example, In the Designer page text box is used so it is mentioned in the left side panel.

In the middle panel of, we will see the designer page where we can design the page. It is merely the UI page when a user opens the Apps this page will visible. Whatever we did the changes it will display in the designer page.

In the left side panel, we can able to change the design page layout. In this page, we can change each page layout. We will also Change the Page properties, we can add the rules on the page.

Change Theme of PowerApps App or form

Here we will see how to change the theme of PowerApps App or form. To change the Theme go to the Home page, Click on Theme. In the Theme, we can able to see all the Theme collection. Choose any one of it.

Change/add background image in PowerApps App

We can add the background image to our “PowerApps” app. To add the Image Open the home screen and choose Properties and upload the image in the Background image. Here I have browsed the image from the local system. Now our background image will automatically be changed.

To see the element details Click on the element.

Here I have clicked on “Mouse” to check the mouse details.

Here We will see all the mouse details. I want to see the wireless mouse details whose model number is 2341XYXZ .so I have clicked on the wireless mouse.

Now we can able to see all the wireless mouse details, availability of mouse.

To reserve the Wireless mouse click on Checkout. In the reserve screenName, an Email field and reserve for how many months field are there. We can change to year and days. Here I have chosen months, So for 20 months from today, the wireless mouse will be reserved. Click on Reserve.

Now we will see a message that our products are reserved for 20 months.

Save Microsoft PowerApps form or App

To save the PowerApps form go to file. In the left side panel, we will see “App settings“. Fill out below things:

• App name: Give a name for the PowerApps App
• Icon: Chose an icon from the Icons and also you can change the Background color.
• Description: Put a description of the PowerApps App.

To save the PowerApps form click on “Save” from the left side panel. The Save as the page will open. Click on Save.

Now our PowerApps is Saved. Now it is asking for “Share this app“. To Share the Microsoft PowerApps App, click on Share this app.

Now one page will come asking for email id and name with whom we want to Share the Microsoft PowerApps. Click on Share.

You may like following PowerApps tutorial:

• How to Customize SharePoint Online List form using PowerApps
• Microsoft PowerApps: Get Current Logged In User Details like Email ID, UserName in SharePoint Online
• Microsoft PowerApps: Create Login Screen
• PowerApps CheckBox – How to use

Conclusion

In the above PowerApps blog, we saw how to create a new PowerApps using “Asset Checkout” template. What are the things we can customize in the “Asset Checkout template”. How we can customize the PowerApps form how to change the Theme, how to add a background image. We also learned how to save the Microsoft PowerApps App and share with the other user.