In this Power Apps development tutorial, you’ll learn how to create a canvas app from scratch using SharePoint as your data source. Walk through every step—from setting up your environment to designing the user interface and saving data.
Step-by-Step Guide to Building the “Mars Hotel One” App
1. Set Up Your Power Apps Environment
- Log in to Power Apps.
- If you don’t have an account, refer to this article.
2. Create a Canvas App
- Click Create > Blank App > Blank Canvas App > Create.
- Name your app Mars Hotel One.
- Note: Power Apps supports Canvas and Model-Driven apps. For model-driven apps, check out this tutorial.
3. Set Up Your Data Source in SharePoint
- Open SharePoint via the waffle menu.
- Create a Team Site named Mars Hotel One.
- Create a List named Bookings.
List Columns:
| Column Name | Type | Options/Details |
|---|---|---|
| Customer Name | Text | Single line of text |
| Home Planet | Choice | Mercury, Venus, Earth |
| Preferred Food | Choice | Mars Local Food, Galaxy See International |
| Room | Choice | 2011 Marsano View, 303 Mars C View, 404 Forest View |
| Spaceship Garage | Yes/No | Do you need a spaceship garage? |
4. Design the App Interface in Power Apps Studio
- Insert a Rectangle at the top.
- Add a Text Label with the title Mars Hotel One.
- Customize font, color, and alignment.
- Change the theme to green for a Martian vibe.
5. Connect to SharePoint List
- Click Add Data > Search for SharePoint.
- Paste your SharePoint site URL if not listed.
- Select the Bookings list and click Connect.
6. Create the Form
- Go to Insert > Edit Form.
- Bind it to the Bookings list.
- Customize which fields to display.
- Resize and position the form.
7. Add a Save Button
- Insert a Button below the form.
- Label it Save.
- Set its OnSelect property to:
SubmitForm(Form2); ResetForm(Form2)- Change the form’s DefaultMode to New.
8. Test Your App
- Click Play to preview the app.
- Fill in the form with sample data (e.g., Yoda from Mercury).
- Click Save.
- Check your SharePoint list to confirm the data was added.
Final Thoughts
With Power Apps, building a functional business app is easier than ever. Whether you’re managing hotel bookings on Mars or streamlining workflows on Earth, the platform offers flexibility, integration, and speed.
Leave a Comment