Power Platform :- Creating Canvas App in Power App using SharePoint List for Beginners

Hi Everyone

In last article https://knowledge-junction.in/2020/05/02/power-platform-creating-a-basic-canvas-app-and-fetching-data-from-data-source-excel-from-onedrive-for-business/ we have discussed about OneDrive data. Today we are going to discuss how to create canvas app using SharePoint List.

We can create canvas app within Power Apps or in SharePoint.

When I learned to create app using SharePoint list. I first learned about how to create list in SharePoint that’s why I am sharing steps to create a SharePoint List. We can Use existing one or create a new list.

Follow the below steps to create a list :-

  1. Sign In to SharePoint.
  2. Click on “Create a site”.
Power Platform - SharePoint - Create Site Page
fig.1 Power Platform – SharePoint – Create Site Page

3. There are two types to create a site (Team site and communication site) we will select “Team site”.

4. Give site name and click “Next”.

Power Platform - SharePoint - Site name Page
Fig.2 Power Platform – SharePoint – Site name Page

5. We will add group members and click on “Finish”.

Power Platform - SharePoint - Add group members Page
Fig 3. Power Platform – SharePoint – Add group members Page

6. Now select “+ New” then select “List”.

Power Platform - SharePoint -  Select List Page
Fig 4. Power Platform – SharePoint – Select List Page

7. Giving a name to list and click “Create”.

Power Platform - SharePoint - Create List Page
Fig 5. Power Platform – SharePoint – Create List Page

8. Then we create list with columns name Employee name and Email Id and add some items.

Power Platform - SharePoint - Add List Items
Fig 6. Power Platform – SharePoint – Add List Items

Here we create a list in SharePoint so as I wrote above that “We can create canvas app within Power Apps or in SharePoint” so we are going to discuss both.

Create a Canvas app within SharePoint Online

  1. In SharePoint Online open list “Employee” (above created list name) click on tab “PowerApps” and select “Create an app”.
Power Platform - SharePoint - PowerApp Tab
Fig 7. Power Platform – SharePoint – PowerApp Tab

2. Name the app and click on “Create” after this we will redirected to sign page of PowerApp https://create.powerapps.com/studio/#.

Power Platform – Power Apps – Canvas app showing data from SharePoint data source
Fig.8 Power Platform – Power Apps – Canvas app showing data from SharePoint data source

For run and refresh Press F5 key and you can manage list CRUD operations by following the steps:-

  • To Add new item click on “+” sign.
  • To Delete and Update item just click on item.

Create a Canvas app within PowerApps

  1. Sign in to PowerApps https://make.powerapps.com.
Power Platform – Power Apps – Home Page
Fig.9 Power Platform – Power Apps – Home Page

2. We will be redirected to Connect to SharePoint site page and enter your URL or just click on URL which is given in recent sites.

Power Platform – Power Apps – Connect t SharePoint site using URL
fig.10 Power Platform – Power Apps – Connect t SharePoint site using URL

3. Choose a list name “Employee” and click on “Connect” and app is created.

4. Run the app.

Thanks for reading. If its worth at least reading once, kindly please like and share. SHARING IS CARING. 

Snehal Sabadra

I am working on M365, Power Platform. I have three plus year experience as Assistant Professor. I like to learn new things to share a knowledge that’s why I am writing articles. Currently exploring the Power Platform which is my favorite.

You may also like...

2 Responses

  1. Sasmita Behera says:

    Hello Sir. I have one doubt on Powerapp. Can we create a custom form or a template which i i can add to a Document Library on click of Add new Document this form will be opened , I will enter the details and attach files and on submit the data will be submitted to the doc library as we were adding infopath form as a custom template or content type in SharePoint 2010/2013 to a doc library ?

  2. Snehal Sabadra says:

    K I will check and reward you back

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: