Power Platform - Apps - Automate - SharePoint

Power Platform  - Apps - Automate - SharePoint

PL-7001 - Power Apps Canvas

Lab 3 – Créer une application canevas

Dans ce laboratoire, vous allez concevoir et créer une application canevas à partir de zéro, ajouter une source de données et une galerie.

Ce que vous apprendrez

Comment créer une application canevas avec une galerie liée à une source de données

Comment formater des champs avec des formules Power Fx

Étapes de laboratoire de haut niveau

Créer une application canevas à partir de zéro

Ajouter une source de données à l'application

Ajouter une galerie à l'application

Configurer les champs dans la galerie

Conditions préalables

Doit avoir terminé le Lab 2 : Modèle de données

Étapes détaillées

Exercice 1 – Créer une application canevas

Tâche 1.1 – Créer l'application

Accédez au portail Power Apps Makerhttps://make.powerapps.com

Assurez-vous que vous êtes dans l' environnement Dev One .

Sélectionnez l’ onglet + Créer dans le menu de navigation de gauche.

Sélectionnez la vignette Application vierge sous Démarrer à partir de .

Sélectionnez Créer sous la mosaïque d’application Toile vierge .

⁠

Entrez Booking Request app pour le nom de l'application .

Sélectionnez Tablette pour le Format.

⁠

Sélectionnez Créer .

Attendez que l'application soit créée.

Sélectionnez Enregistrer en haut à droite de Power Apps Studio.

Tâche 1.2 – Ajouter une source de données

Dans le menu de création d'application, sélectionnez Données .

⁠

Sélectionnez le curseur déroulant à côté de Ajouter des données et entrez Bookingdans Rechercher .

⁠

Capture d’écran de la source de données sélectionnée.

⁠

Sélectionnez la table Booking Request Microsoft Dataverse.

Tâche 1.3 – Configurer l’écran principal

Dans le menu de création d’applications, sélectionnez Arborescence .

Sélectionnez Screen1 dans l'arborescence, sélectionnez les points de suspension ( ... ) et sélectionnez Renommer .

Entrer MainScreen.

Dans le menu de création de l'application, sélectionnez Insérer (+) .

Sélectionnez Rectangle.

Faites glisser le rectangle vers le coin supérieur gauche de l'écran.

Dans le menu de création d’applications, sélectionnez Arborescence.

Renommez le rectangle en HeaderRect.

Définissez les propriétés du rectangle dans la barre de formule comme suit : (par exemple pour X=0 : sélectionner la propriété X dans la liste déroulante à gauche de la barre de formule puis saisir 0 dans la barre de formule)

X=0 (rappel : dans la liste à gauche de barre de formule, sélectionner X puis indiquer 0 dans la barre de formule)

Y=0

Height=80

Width=Parent.Width

Dans le menu de création de l'application, sélectionnez Insérer (+) .

Sélectionnez Étiquette de texte .

Faites glisser l’étiquette vers le coin supérieur gauche de l’écran.

Dans le menu de création d’applications, sélectionnez Arborescence.

Renommez l'étiquette en HeaderLabel.

Définissez les propriétés de l'étiquette dans la barre de formule comme suit :

X=0

Y=0

Height=80

Width=Parent.Width

Align=Align.Center

Size=24

Text="Booking Request"

Color=Color.White

⁠

Sélectionnez Enregistrer en haut à droite de Power Apps Studio.

Tâche 1.4 – Ajouter une galerie

Dans le menu de création de l'application, sélectionnez Insérer (+) .

Sélectionnez Galerie verticale .

⁠

Sélectionnez Booking Request pour la source de données.

⁠

Dans l'onglet Propriétés , pour Disposition, sélectionnez Titre, sous-titre et corps.

Sélectionnez 7 sélectionnés à côté de Champs.

Sélectionnez Cost pour BodyX.

Sélectionnez Decision pour Sous-titreX.

Sélectionnez Pet Name pour TitleX.

⁠

Fermez le volet Données.

Dans le menu de création d’applications, sélectionnez Arborescence .

Renommez la galerie en BookingRequestList.

Définissez les propriétés de la galerie dans la barre de formule comme suit :

X=0

Y=80

Height=575

Width=250

Tâche 1.5 - Formater le champ monétaire

Dans le menu de création d’applications, sélectionnez Arborescence .

Développez la galerie BookingRequestList .

Sélectionnez Body1 .

⁠

Capture d'écran du champ du corps sélectionné.

⁠

Définissez la propriété Text dans la barre de formule sur la formule : Text(Value(ThisItem.Cost); "$#,##0.00")

Fonction Text - Power Platform⁠

Fonctions Decimal, Float et Value - Power Platform⁠

Sélectionnez Enregistrer en haut à droite de Power Apps Studio.

Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes, puis sélectionnez Quitter pour quitter l'application.

Ce que vous apprendrez

Étapes de laboratoire de haut niveau

Conditions préalables

Étapes détaillées

Exercice 1 – Créer une application canevas

Tâche 1.1 – Créer l'application

Tâche 1.2 – Ajouter une source de données

Tâche 1.3 – Configurer l’écran principal

Tâche 1.4 – Ajouter une galerie

Tâche 1.5 - Formater le champ monétaire

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.