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
      • Différence entre le développement impératif et le développement déclaratif
      • Les types d’objets dans Power Apps Canvas
      • Process de développement d'applications PowerApps
        • Contrôles
        • Contrôles modernes
        • Charte de nommage et bonnes pratiques Power Apps Canvas
      • Power Apps - Fonctions principales
        • Tips Fonctions
        • Fonction Patch
          • Patch des types complexes d'une liste SharePoint
        • ForAll, GroupBy et AddColumns dans Power Apps Canvas
        • Les formules nommées (Formulas) dans Power Apps Canvas
      • Modes opératoires
        • icon picker
          Application Canvas - Guide de survie (Liste SP pour mobile)
          • Création d’une application Power Apps Canvas mobile et Excel [WiP]
          • Création d’une application Power Apps Canvas
        • Flux PowerAutomate à partir de Power Apps
        • 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
        • Création d’un composant MsgBox de confirmation de suppression
      • AI Builder dans Power Apps
      • Gestion du cycle de vie d’une application Power Apps (ALM)
      • Alternatives à PowerApps
      • Applications basées sur un modèle (model driven apps)
        • 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
      • Développeur
        • JS
        • Outils externes
        • Bibliothèque de composants
      • Quizz
    • Power Automate
      • Références
      • Syntaxe générale
      • 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)
      • AI Builder dans Power Automate
      • Alternatives à Power Automate
      • 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
    • copilot
      Copilot
      • copilot-studio
        Copilot Studio
      • copilot
        [Exo] Copilot
        • Copilot pour Power Apps (Office Agent)
        • [Exo1] Créer une application Canvas
        • [Exo2] Créer une application Canevas Power Apps pour une solution immobilière à l’aide de Copilot dans Power Apps
        • [Exo3] Générer du texte avec GPT dans AI Builder
        • [Exo4] Créer un site Web Power Pages avec Copilot
        • [Exo5] Créer un copilote pour une solution immobilière à l’aide du langage naturel dans Copilot Studio
        • [Exeo6@ Prédiction avec AI Builder
      • power-automate
        Copilot pour Power Automate
      • power-apps
        Copilot pour Power Apps
    • 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
        • 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
Guide pour créer une application Canvas, forme Tablette, avec un écran d’accueil, un écran Galerie et un écran Formulaire, sur une liste SharePoint nommée “Tâches”.

1. Préparer la source de données SharePoint

Pourquoi SharePoint ?

Inclus dans la licence gratuite Office 365
Gestion native des permissions
Synchronisation automatique
Éviter Excel comme source principale

Créer la liste SharePoint "Tâches"

Accédez à votre site SharePoint
Créez une nouvelle liste nommée "Tâches"
Ajoutez les colonnes nécessaires (exemple) :
Titre (Texte) - obligatoire
Description (Texte multiligne)
Statut (Choix : À faire, En cours, Terminée)
DateEcheance (Date et heure)
Priorite (Choix : Faible, Normale, Élevée)

Préparer l’architecture de navigation

image.png

2. Accéder à Power Apps Studio

Se connecter

Ouvrez votre navigateur et allez sur
Connectez-vous avec vos identifiants Office 365
Sélectionnez votre environnement en haut à droite
Cliquez sur Créer dans le menu de gauche

3. Créer l'application Canvas

Création initiale

Choisissez Application canevas
Sélectionnez Format tablette (résolution 1366 x 768)
Nommez votre application : "Gestion des tâches"
Cliquez sur Créer
Avantages du format tablette :
Plus d'espace pour organiser les contrôles
Interface plus professionnelle
Compatible avec tous les appareils (responsive)

4. Configuration initiale

Activer les contrôles modernes

Cliquez sur Paramètres (roue dentée en haut)
Allez dans Mise à jour
Activez Contrôles et thèmes modernes
Cliquez sur Appliquer

Connecter la source de données

Dans le volet gauche, cliquez sur Données (icône cylindre)
Cliquez sur Ajouter des données
Recherchez et sélectionnez SharePoint
Entrez l'URL de votre site SharePoint
Sélectionnez la liste "Tâches"
Cliquez sur Connexion
Vérification : La liste "Tâches" doit apparaître dans le volet Données.

5. Structure de l'application - 3 écrans

Créer les écrans

Écran d'accueil : scrAccueil (déjà créé par défaut)
Écran galerie : Insérer > Nouvel écran > Écran vide → renommer scrTaches_Liste
Écran formulaire : Insérer > Nouvel écran > Écran vide → renommer scrTaches_Form

6. Configuration de l'écran d'accueil (scrAccueil)

Éléments à ajouter

Titre de l'application
Contrôle : Texte
Texte : "Gestion des Tâches"
Police : 24pt, gras
Bouton d'accès à la liste
Contrôle : Bouton
Texte : "Voir les tâches"
OnSelect : Navigate(scrTaches_Liste; ScreenTransition.Fade)
Statistiques rapides (optionnel)
Contrôle Texte affichant "Tâches actives"
Texte : CountRows(Filter(Tâches; Statut.Value <> "Terminé"))

7. Configuration de l'écran liste (scrTaches_Liste)

Ajouter la galerie

Insérer une galerie verticale
Contrôle : Galerie verticale
Renommer : galTaches
Propriété Items : Tâches
Configurer l'affichage de la galerie
Sélectionner la galerie
Modifier la disposition via le volet Propriétés
Afficher : Titre, Sous-titre, Corps
Mapper les champs
Titre : ThisItem.Title
Sous-titre : ThisItem.Statut.Value
Corps : ThisItem.Description

Ajouter les boutons de navigation

Bouton Retour
Texte : "← Accueil"
OnSelect : Navigate(scrAccueil; ScreenTransition.Fade)
Bouton Nouveau
Texte : "Nouvelle tâche"
OnSelect : Navigate(scrTaches_Form; ScreenTransition.Fade);; NewForm(frmTaches)
Bouton Modifier (dans la galerie)
Icône : Crayon
OnSelect : Navigate(scrTaches_Form; ScreenTransition.Fade);; EditForm(frmTaches)
Bouton Supprimer (dans la galerie)
Icône : Poubelle
OnSelect : Remove(Tâches; ThisItem)

Ajouter une barre de recherche (optionnel)

Champ de saisie
Contrôle : Entrée de texte
Renommer : txtRecherche
Texte d'indication : "Rechercher une tâche..."
Modifier la propriété Items de la galerie
If(IsBlank(txtRecherche.Text);
Tâches;
Filter(Tâches; StartsWith(Title; txtRecherche.Text))
)

8. Configuration de l'écran formulaire (scrTaches_Form)

Ajouter le formulaire

Insérer un formulaire d'édition
Contrôle : Formulaire
Renommer : frmTaches
Propriété DataSource : Tâches
Configurer les champs du formulaire
Sélectionner le formulaire
Dans le volet Propriétés, cliquer sur Modifier les champs
Ajouter/supprimer les champs nécessaires :
Title
Description
Statut
DateEcheance
Priorite

Ajouter les boutons d'action

Bouton Retour
Texte : "← Liste"
OnSelect : Navigate(scrTaches_Liste; ScreenTransition.Fade)
Bouton Enregistrer
Texte : "Enregistrer"
OnSelect :
If(
frmTaches.Valid;
SubmitForm(frmTaches);;
Navigate(scrTaches_Liste; ScreenTransition.Fade);
Notify("Erreur : vérifiez les champs obligatoires";
NotificationType.Error)
)
Bouton Annuler
Texte : "Annuler"
OnSelect : ResetForm(frmTaches);; Navigate(scrTaches_Liste; ScreenTransition.Fade)

Gestion des modes du formulaire

Le formulaire s'adapte automatiquement :
Mode Nouveau : Quand on arrive via le bouton "Nouvelle tâche"
Mode Modification : Quand on arrive via le bouton "Modifier" de la galerie

9. Bonnes pratiques de nommage

Préfixes des contrôles

scr : Écrans (scrAccueil)
gal : Galeries (galTaches)
frm : Formulaires (frmTaches)
btn : Boutons (btnNouveau)
txt : Champs de texte (txtRecherche)
lbl : Étiquettes (lblTitre)

Conventions

Utiliser des noms explicites en français
Respecter la casse (PascalCase)
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.