9. Create a Canvas App II (Challenge 3)

* This is part II of creating our first Canvas App.

In this video we:
* Create and complete the Foster Screen
* Add a Display form to showcase our gallery item
* Use an edit Form to submit our Foster family application, with special use of our Patch formular, and
* Finally we Demo our canvas app!

Power up Challenge 2024 Walkthrough Series.

1. My Animal Shelter Solution Full Demo -    • 1. My Animal Shelter Solution Full Demo  
2. Intro -    • 2. Animal Shelter Solution (Intro)  
3. Create and Import Shelter Table in the Dataverse Part 1 (Challenge I) - Remastered -    • 3. Create and Import Shelter Table in...  
4. Create and Import Foster Family Table in the Dataverse Part 2 (Challenge I) - Remastered -    • 4. Create and Import Foster Family Ta...  
5. Create and Import Animal Table in the Dataverse Part 3 (Challenge I) - Remastered -    • 5. Create and Import Animal Table in ...  
6. Create a Model Driven App I (Challenge 2) -    • 6. Create a Model Driven App I (Chall...  
7. Add SVG Icons and Logo (Optional Challenge 2) -    • 7. Add SVG Icons and Logo (Optional C...  
8. Create a Canvas App I (Challenge 3) -    • 8. Create a Canvas App I (Challenge 3)  
9. Create a Canvas App II (Challenge 3) - (You are here)
10. Create a Power Automate Flow (Challenge 4) -    • 10. Create a Power Automate Flow (Cha...  
11. Create a Business Process Flow for My Model Driven App -    • 11. Create a Business Process Flow fo...  
12. Create a Custom Page for My Model Driven App I -    • 12. Create a Custom Page for My Model...  
13. Create a Custom Page for My Model Driven App II -    • 13. Create a Custom Page for My Model...  
14. Create a Custom Page for My Model Driven App III -    • 14. Create a Custom Page for My Model...  
15. Create a Power BI Report I (Challenge 5) -    • 15. Create a Power BI Report I (Chall...  
16. Create a Power BI Report II (Challenge 5) -    • 16. Create a Power BI Report II (Chal...  
17. Create a Power BI Report III (Challenge 5) -    • 17. Create a Power BI Report III (Cha...  
18. Create a Power BI Report IV (Challenge 5) -    • 18. Create a Power BI Report IV (Chal...  
19. Create a Power BI Report V (Challenge 5) -    • 19. Create a Power BI Report V (Chall...  
20. Final Demo (With all new add on features; BPF, Custom Pages and more)

Requirement details - Canvas app
Create a canvas app listing all animals available for fostering, and their details

In part II we finish the final requirement:
3. Ability to select an animal, enter foster family information and update the status to "claimed for foster" on click of a button and the family that the animal is associated with.

Other Modifications:
I. Change the PrimaryId columns for all the Tables to 'Autonumber'
II. Update the Forms for all the Tables to Read-only

Important: Don't Forget To Hit Publish When Done!!!

Codes:
galAnimals - OnSelect:
Set(
varAnimalDemoRecord,
ThisItem
);
Navigate('Foster Screen');
NewForm(fosterForm)

btnSubmit: Submitform(fosterForm)

FosterForm:
Default: galAnimals.Selected.'Animal Initial Shelter'
DisplayMode: Parent.DisplayMode.View
DefaultDate: Today()

OnSucess:
// Patch the selected animal record with the foster family ID and update status
Patch(
'Animal Infos',
galAnimals.Selected,
{
'Animal Foster Claimer': fosterForm.LastSubmit,
'Animal Shelter Status': 'Animal Shelter Status (Animal Infos)'.'Claimed For Foster'
}
);

Refresh('Animal Infos');
Notify(
"Record successful!",
NotificationType.Success
);
// Navigate back to the gallery or another screen as needed
Navigate(
'Home Screen',
ScreenTransition.Fade
);

// Important: Don't Forget To Hit Publish When Done!!!