How to Create a Power Apps Canvas App From a Template?

Have you ever created a Power Apps Canvas App from a template? No worries!

This Power Apps tutorial will explain what Power Apps Templates means and the key features of Power Apps Templates.

Also, I will show you how to create a Power Apps Canvas app from a template and its uses with a simple scenario.

Power Apps Templates

Power Apps templates let users easily start and create various apps without starting from scratch. They are pre-built, flexible designs and structures.

These templates give you a head start by giving you a pre-defined structure, user interface, and occasionally even built-in features that apply to typical business cases.

Some of the Power Apps Templates are:

  • Fundraiser
  • Asset Checkout
  • Power Apps Training
  • Help Desk
  • Budget Tracker
  • Site Inspection
  • Leave Request
  • Shoutouts and many more

The screenshot below represents all the PowerApp templates ready to use.

powerapps templates free download

These all are the free Power Apps templates.

Key features of Power Apps Templates

Here’s a tabulated representation of the key features of Power Apps Templates:

FeatureDescription
Ready-to-Use DesignsTemplates offer built-in layouts, controls, and screens tailored for specific applications, simplifying initial setup and design efforts.
CustomizabilityWhile they provide a foundation, templates are inherently flexible. Users can adapt, add to, or remove elements to suit unique requirements.
Diverse Use-CasesPower Apps offers templates that cater to various business scenarios, from task management to customer relations and inventory control.

These are the Power Apps Templates’ key features.

See also  Power Apps Sort Gallery By Calculated Field

How to Create a Power Apps Canvas App From a Template

Now, we will see how to create a Power Apps Canvas app from a template step by step:

1. Sign in to Power Apps with valid Microsoft credentials.

2. Go to + Create [from the left navigation] -> Select any template as per your need [let’s say Budget Tracker].

NOTE:

If you’re looking for a certain template, you can also use the search box.
How to Create a Power Apps Canvas App From a Template

3. Provide the App name [you can rename] -> Click on Create.

Create a Power Apps Canvas App From a Template

4. Also, you can preview the app. Click on the Preview button -> Allow as shown below.

power apps templates free

5. You can see the Budget Tracker template will appear like the image below:

powerapps templates

6. Once you create the app template, click the Skip button in the Power Apps Studio. Click Make my own app to link it to cloud storage services like OneDrive, OneDrive for Business, etc.

powerapp templates

7. Choose OneDrive for Business and click on Done.

power app templates free

8. Then, you must Save and Publish the app template first. Click on Publish this version. To preview the app, click on Play or Preview button and play with the app.

power apps templates

This is how to create a Power Apps Canvas app from a template.

Power Apps App Template Functionalities

Next, we will discuss some of the Power Apps template functionalities.

This Power Apps Template [Budget Tracker] has a total of seven screens:

  1. BudgetScreen
  2. NewBudgetScreen
  3. AddExpenseScreen
  4. ReceiptScreen
  5. DeleteReceipt
  6. DeleteExpense
  7. DeleteBudget
free powerapps templates

Refer to the screenshot below for how the Budget Tracker Home Screen looks like:

template power apps

Let’s elaborate one by one.

1. Budget Screen:

  • This first screen contains some Gallery controls, Text Box Controls, Rectangles, a Pie chart, Timers, Icons, etc.
  • Every control has different functionalities with different codes. Such as:
See also  Power Apps Calculate + 13 Examples

Expenses Gallery:

Items = Filter(
    Expenses,
    BudgetTitle = Gallery1.Selected.BudgetTitle && BudgetId = Gallery1.Selected.BudgetId
)
power apps template download

2. New Budget Screen:

  • When the user clicks on the + icon from the Budget Screen, it will redirect to the second screen [New Budget Screen].
  • This screen contains an Edit form and a Save button. The user will provide the Budget title and amount and click the Save button to save the record.
  • The below code represents the Save button’s OnSelect property:
OnSelect = SubmitForm(FormNewBudget)
free power apps templates

3. Add Expense Screen:

  • Once the user clicks on the + icon from the Expenses section [from Budget Screen], he/she will navigate to the below screen.
  • Provide the Expense name, amount, Category, and Picture. Click on the Save button to save the expense.
  • The below code represents the Save button’s OnSelect property:
OnSelect = SubmitForm(FormNewExpense)
Power Apps App Template

4. Receipt Screen:

  • This screen contains a Receipt image, a Back button, and a Trash icon. This app does not contain receipts and shows us a blank screen.
  • To delete a specific receipt from the screen, click on the Trash button that contains the code below:
OnSelect = Navigate(
    DeleteReceipt,
    ScreenTransition.Fade,
    {Reciptrecord: Reciptrecord}
)
Create Power Apps Canvas App From a Template

5. Delete Receipt:

  • If the user wants to delete the receipt, they will navigate to the screen below. This screen has two buttons: Delete and Cancel.
  • The Delete button has the code below on its OnSelect property:
OnSelect = RemoveIf(Receipts,Id=Reciptrecord.Id);Navigate(BudgetScreen,ScreenTransition.Fade)
Power Apps Template

6. Delete Expense:

  • Users who want to delete the expense will navigate to the screen below. This screen has two buttons: Delete and Cancel.
  • The Delete button has the code below on its OnSelect property:
OnSelect = RemoveIf(
    Receipts,
    ExpenseId = Gallery4.Selected.Id
);
RemoveIf(
    Expenses,
    Id = Gallery4.Selected.Id
);
Patch(
    ExpenseByCategory,
    LookUp(
        ExpenseByCategory,
        Category = Gallery4.Selected.Category && BudgetId = Gallery1.Selected.BudgetId
    ),
    {
        Expense: LookUp(
            ExpenseByCategory,
            Category = Gallery4.Selected.Category && BudgetId = Gallery1.Selected.BudgetId
        ).Expense - Gallery4.Selected.Expense
    }
);
Navigate(
    BudgetScreen,
    ScreenTransition.None
)
PowerApps Template

7. Delete Budget:

  • Users who want to delete the budget will navigate to the screen below. This screen has two buttons: Delete and Cancel.
  • The Delete button has the code below on its OnSelect property:
OnSelect = RemoveIf(
    Receipts,
    BudgetId = Gallery1.Selected.BudgetId
);
RemoveIf(
    ExpenseByCategory,
    BudgetId = Gallery1.Selected.BudgetId
);
RemoveIf(
    Expenses,
    BudgetId = Gallery1.Selected.BudgetId
);
RemoveIf(
    Budgets,
    BudgetId = Gallery1.Selected.BudgetId
);
Navigate(
    BudgetScreen,
    ScreenTransition.None
)
Templates in Power Apps

This is all about functionalities in the Power Apps App Template.

See also  Create a canvas app in PowerApps from a SharePoint list (Helpful tutorial)

Conclusion

I hope you got a detailed idea about Power Apps Templates and its features.

Moreover, we learned how to create a Power Apps Canvas app from a template and its all functionalities and uses with an example.

Also, you may like some more Power Apps tutorials:

>