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
        • icon picker
          Lab 3 – Créer une application canevas
        • Lab 4 – Créer l'interface utilisateur
        • Lab 5 – Données externes
        • 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 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
ok

É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 . ​
image.png
Entrez Booking Request app pour le nom de l'application .
Sélectionnez Tablette pour le Format. ​
image.png
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 . ​
image.png
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 ​
image.png
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 . ​
image.png
Sélectionnez Booking Request pour la source de données. ​
image.png
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. ​
image.png
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 $")
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.
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.