Practice Lab 4.1 – Enhance a canvas app
Scenario
You are a Power Platform functional consultant working with the Contoso team. You’ve been asked to create a simple Canvas app that allows users to view and update milestone records stored in Microsoft Dataverse.
Exercise 1: Create Canvas App from Milestones Table
Task 1: Create Canvas App
- Navigate to Power Apps Maker Portal.
- Ensure you are in the Dev One environment.
- In the Objects pane on the left, select Apps.
- Select Start with data.
- Choose Existing tables.
- Search for and select the Milestone table.
- Click Create app to generate the app.
- Select File > Save as.
- Enter the name Environmental Milestones App.
- Click Save again.
Task 2: Configure Gallery
- Expand ScreenContainer1.
- Expand BodyContainer1.
- Expand SidebarContainer1.
- Select the default gallery named RecordsGallery1.
- Rename it to MilestoneGallery.
- In the Properties pane on the right, change the layout to Title and Subtitle.
- Find the Fields and change the fields by selecting X selected.
- Edit the fields shown in the gallery:
- Subtitle2: Select contoso_milestonecode
- Title2: Select contoso_milestonetitle
- Verify the fields selected now read:
- Subtitle2: ThisItem.’Milestone Code’
- Title2: ThisItem.’Milestone Title’
Task 3: Configure Form
- Expand BodyContainer1.
- Expand RightContainer1.
- Expand MainContainer1.
- Select the default form named Form1.
- Rename it to MilestoneForm.
- In the Properties pane, change the column layout to 1.
- Edit the fields shown in the form. Add, remove, and drag to reorder them so that they look like the list below:
- Milestone Code
- Milestone Title
- Milestone Description
- Milestone Percentage Complete
- Milestone Status
- Return to the tree view. Expand RightContainer1 (if it is not already expanded).
- Expand SelectedRecordHeaderContainer1.
- Rename the submit button from SubmitFormButton1 to SaveBtn.
Task 4: Add App to Solution
- In the left navigation pane, go to Solutions.
- Open the Fabrikam Environmental solution.
- Select Add existing > App > Canvas app.
- Select the Environmental Milestones App.
- Select Add.
- Select Publish all customizations.