Skip to content
Power Platform - Apps - Automate - SharePoint
  • Pages
    • Support Power Platform - Power Apps - Power Automate
      • Licences
      • Mises à jour (waves)
      • Environnement & Solutions
        • Attribuer des droits sur un environnement
      • Power BI
      • Liens vers nos supports
    • Architecture Power Platform
      • Modéliser des données
    • Administrer Power Platform
      • Références
      • Sécurité
      • Center of Excellent (CeE)
      • Application Lifecycle Management (ALM) [WiP]
    • Power Apps
      • Références
      • Process de développement d'applications PowerApps
        • Création d'applications [WiP]
        • Contrôles
        • Contrôles modernes
      • Power Apps - Fonctions principales
        • Tips Fonctions
        • Fonction Patch
          • Patch des types complexes d'une liste SharePoint
      • Applications basées sur un modèle (model driven apps)
        • Tips Fonctions
        • Modèles Word avec une application pilotée par modèle
        • Lancer un flux depuis un bouton d'une application pilotée par modèle
        • Ressources JavaScript
      • Modes opératoires
        • Application Canvas - Guide de survie
        • Flux PowerAutomate à partir de Power Apps
        • Créer une application PowerApps avec une liste SharePoint
        • Compléter un modèle Word et générer un PDF [Premium]
        • Récupérer une photo depuis la caméra
        • Listes en cascade
        • Sélectionner un utilisateur (Liste SP)
        • Partager une application Power Apps
      • Développeur
        • JS
        • Outils externes
        • Bibliothèque de composants
      • Alternatives à PowerApps
      • Quizz
      • Charte de nommage et bonnes pratiques Power Apps Canvas
    • Power Automate
      • Références
      • Fonctions
        • JSON
        • Tips
        • Manipulations fichiers SharePoints [ToDo]
      • Modes opératoires
        • Approbations
          • Généralités
          • Approbations simples
          • [Exo] Commande fournisseur
        • [WiP] Ajouter un bouton de colonne SharePoint qui exécute un flux
        • Créer un PDF à partir de code HTML avec image
        • [WiP] Exécuter un flux depuis une ligne sélectionnée dans Excel
          • Copier un fichier depuis une PJ Outlook
        • Envoyer "en tant que"
        • Compter des éléments, même supprimés (table Audits)
      • Alternatives à Power Automate
      • Syntaxe générale
      • Power Automate pour le Bureau (PA
        • Ressources pédagogiques
    • Dataverse
      • Références
      • Common Data Model
      • Tables [WIP]
      • Colonnes [WIP]
      • Sécurité
      • Développeur
      • Référence automatique
      • Application pilotée par modèle
        • Exemple pratique
        • Migration depuis Access
    • Microsoft 365 & SharePoint
      • Vue d'ensemble de Microsoft 365 et SharePoint
      • Déroulé pédagogique
        • Module 1 : Microsoft 365 et SharePoint Online
        • Module 2 : Bibliothèques et listes
        • Module 3 : Intégration Office et gestion des documents
        • Module 4 : Type de contenu
        • Module 5 : Personnalisation des pages
        • Module 6 : Personnalisation des sites et des espaces de travail
        • Module 7 : Gestion de la sécurité
        • Module 8 : Workflows Power Automate
      • Bonnes pratiques
      • Sites SharePoint
        • Types de sites
        • Hiérarchies de sites
          • Sous-sites vs Hubs de sites
        • Créer un site
        • Principaux composants
          • Navigation
          • Composant WebPart dans les pages
          • Bibliothèques de document & Listes
          • Lien avec Teams
        • Pages d'un site SharePoint
        • Partage de flux d'un fichier ou d'un élément sélectionné
      • Listes SharePoint
        • Créer une liste
          • Créer une colonne
          • Gérer les vues
        • Power Automate avec des listes SharePoint
        • Mettre à jour une Liste SharePoint depuis Excel
        • TIPS
      • Bibliothèques de fichiers & dossiers SharePoint [WiP]
        • Rétention
        • Généralités
          • Création d'un nouveau document
          • Associer un modèle de document
          • Affichage et modification de documents dans le navigateur
          • Affichage et modification de documents dans le client
          • Téléchargement de documents
          • Déplacement et copie de documents
          • Affichage et modification des paramètres de la bibliothèque de documents
          • Paramètres de gestion des versions, approbation du contenu et extraction de documents
      • Intégration Power Apps
      • Droits & sécurité
      • API
      • Administration & rôles
    • Exercices
      • pl-7001
        PL-7001 - Power Apps Canvas
        • Lab 0 – Valider l'environnement de laboratoire
        • Lab 1 – Créer une application canevas à partir de données
        • Lab 2 – Modèle de données
        • Lab 3 – Créer une application canevas
        • Lab 4 – Créer l'interface utilisateur
        • Lab 5 – Données externes
        • icon picker
          Lab 6 – Formulaires
        • Lab 7 – Gérer les applications canevas
      • pl-7002
        PL-7002 - Power Automate
        • Lab 0 - Vérifier l’environnement de labo
        • Lab 1 - Créer des flux de cloud
        • Lab 2 - Modèle de données Dataverse
        • Lab 3 - SharePoint
        • Lab 4 - Flux d’approbation [SP]
        • Lab 5 - Flux de bouton [DV]
        • Lab 6 - Flux planifié [SP]
        • Lab 7 - Filtres de déclencheur [DV]
    • Exos Power Apps Power Automate
      • [Exo A] Flux avec une liste SharePoint
      • [Exo06] Créer une application Canvas avec Copilot
      • Flux avec une table Dataverse
        • Créer la source Dataverse
        • Créer le flux de bouton
        • Créer un flux automatisé avec filtre
      • Flux avec une liste SharePoint

Lab 6 – Formulaires

Dans ce laboratoire, vous utiliserez des formulaires pour créer et modifier des enregistrements dans une source de données.

Ce que vous apprendrez

Comment ajouter des écrans
Comment naviguer entre les écrans
Comment utiliser un formulaire pour créer un enregistrement dans une source de données
Comment utiliser un formulaire pour modifier un enregistrement dans une source de données
Comment supprimer un enregistrement d'une source de données
Comment lier un formulaire à une galerie
ok

Étapes de laboratoire

Créer de nouveaux écrans
Accéder à un écran lorsqu'un enregistrement est sélectionné dans une galerie
Naviguer entre les écrans
Afficher un enregistrement avec un formulaire
Supprimer un enregistrement
Modifier un enregistrement avec un formulaire
Créer un nouvel enregistrement avec un formulaire

Conditions préalables

Doit avoir terminé le laboratoire 5 : Données externes

Étapes détaillées

Exercice 1 – Ajouter des écrans et une navigation

Tâche 1.1 – Modifier 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 Applications dans le menu de navigation de gauche.
Sélectionnez l' application Demande de réservation , sélectionnez les Commandes ( ... ) et sélectionnez Modifier > Modifier dans un nouvel onglet .

Tâche 1.2 - Ajouter des écrans

Dans le menu de création d’applications, sélectionnez Arborescence.
Dans la barre d'action de Power Apps Studio, sélectionnez Nouvel écran. ​
image.png
Sélectionnez Vide .
Renommer l'écran en EditScreen.
Dans la barre d'action de Power Apps Studio, sélectionnez Nouvel écran .
Sélectionnez En-tête et pied de page .
Renommer l'écran en DetailScreen.

Tâche 1.3 - Ajouter la navigation

Dans l'arborescence, développez BookingRequestList dans MainScreen.
Sélectionnez NextArrow dans BookingRequestList .
Définissez la propriété OnSelect de NextArrow dans la barre de formule sur : ​Collect(colRequests; ThisItem);;Navigate(DetailScreen; ScreenTransition.Cover)
Sélectionnez EditScreen .
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Développer Icônes.
Sélectionnez Flèche retour.
Définissez la propriété OnSelect de l'icône sur : ​Back()
Renommez l'icône en BackIconEdit.
Dans la vue Arborescence , sélectionnez l'icône et sélectionnez Commandes ( ... ) et sélectionnez Copier .
Développer l'écran de détails .
Développer ScreenContainer1 .
Sélectionnez HeaderContainer1 et sélectionnez les commandes ( ... ) et sélectionnez Coller .
Renommez l'icône en BackIconDetail.

Exercice 2 – Écran de détails

Tâche 2.1 – Ajouter un formulaire d’affichage

Dans le menu de création d’applications, sélectionnez Arborescence .
Développez DetailScreen.
Développez ScreenContainer1.
Sélectionnez MainContainer1.
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Développez Entrée.
Sélectionnez Formulaire d’affichage. ​
image.png
Dans les propriétés du FormViewer, sélectionnez Booking Request(s) pour la source de données.
Sélectionnez X sélectionnés à côté de Champs. ​
image.png
Ajoutez ou supprimez les champs afin qu'ils soient disposés dans l'ordre suivant :
Nom de l'animal
Nom du propriétaire
Courriel du propriétaire
Date de début
Date de fin
Décision
Coût ​
image.png
Fermez le volet Champs .
Définissez la propriété Item du contrôle de visualisation de formulaire dans la barre de formule sur :
BookingRequestList.Selected

Tâche 2.2 - Ajouter une étiquette

Dans le menu de création d’applications, sélectionnez Arborescence.
Développez DetailScreen.
Développez ScreenContainer1.
Sélectionnez FooterContainer1.
Sélectionnez + dans le conteneur Pied de page. ​
image.png
Sélectionner l'étiquette de texte
Définissez la propriété Texte de l'étiquette sur :
BookingRequestList.Selected.'Pet Name'

Tâche 2.3 – Ajouter un bouton de suppression

Dans le menu de création d’applications, sélectionnez Arborescence .
Développez l'écran DetailScreen.
Développez ScreenContainer1.
Sélectionnez FooterContainer1.
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Sélectionner Bouton.
Dans le menu de création d’applications, sélectionnez Arborescence.
Renommez le bouton en Deletebtn.
Définissez la propriété Text du bouton sur : ​"Delete"
Définissez la propriété OnSelect du bouton sur : (Booking Requests peut ne pas avoir de s final) :
Remove('Booking Requests'; BookingRequestList.Selected);; Back()

Exercice 3 – Écran Modifier

Tâche 3.1 – Ajouter un formulaire d’édition

Dans le menu de création d’applications, sélectionnez Arborescence.
Sélectionnez EditScreen.
Dans le menu de création de l'application, sélectionnez Insérer (+).
Sélectionnez Formulaire.
Dans les propriétés du formulaire, sélectionnez Booking Request pour la source de données.
Sélectionnez 2 sélectionnés à côté de Champs .
Supprimez Créé le en sélectionnant les points de suspension ( ... ) à côté du champ et en sélectionnant Supprimer .
Sélectionnez + Ajouter un champ et vérifier que les champs suivants sont bien présents :
Pet Name
Owner Name
Owner Email
Start Date
End Date
Cost
Sélectionnez Ajouter .
Fermez le volet Champs .
Définissez la propriété Item du contrôle de formulaire sur : ​BookingRequestList.Selected
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez le formulaire en BookingRequestForm.
Définissez les propriétés du formulaire comme suit :
X=0
Y=125
Hauteur=500
Largeur=Parent.Width
Colonnes (dans volet Propriétés) =1
Disposition (dans volet Propriétés) = Horizontal
image.png

Tâche 3.2 – Ajouter un bouton de soumission

Dans le menu de création d’applications, sélectionnez Arborescence .
Sélectionnez Modifier l'écran.
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Sélectionner Bouton.
Faites glisser le bouton sous le formulaire.
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez le bouton en Submitbtn.
Définissez la propriété Text du bouton sur : ​"Submit"
Définissez la propriété OnSelect du bouton sur : ​SubmitForm(BookingRequestForm)
Sélectionnez BookingRequestForm .
Définissez la propriété OnSuccess du formulaire sur :
Navigate(MainScreen; ScreenTransition.UnCover)

Tâche 3.3 – Ajouter une navigation à l’écran d’édition

Dans le menu de création d’applications, sélectionnez Arborescence .
Développez DetailScreen.
Développez ScreenContainer .
Sélectionnez HeaderContainer .
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Développer les icônes.
Sélectionnez Modifier.
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez l'icône en EditIcon.
Définissez la propriété OnSelect de l'icône sur : ​Navigate(EditScreen; ScreenTransition.Cover)

Tâche 3.4 – Nouvel enregistrement

Dans le menu de création d’applications, sélectionnez Arborescence .
Sélectionnez MainScreen.
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Développer les icônes .
Sélectionnez Ajouter .
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez l'icône en NewIcon.
Définissez les propriétés de l’icône comme suit :
X=0
Y=0
Hauteur=80
Largeur=80
Couleur=Color.White
Définissez la propriété OnSelect de l'icône sur : ​NewForm(BookingRequestForm);;Navigate(EditScreen; ScreenTransition.Cover)
Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes et sélectionnez Quitter pour quitter l'application.
Bonus :
Ajouter un icône Corbeille sur la galerie et ne l’afficher que si Decision est Undecided
ThisItem.Decision='Decision (Booking Requests)'.Undecided
Une couleur par décision (rouge, vert, bleu)
Switch(ThisItem.Decision;'Decision (Booking Requests)'.Accepted;Color.Green;'Decision (Booking Requests)'.Declined;Color.Red;Color.Blue)

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.