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
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é) DateEcheance (Date et heure) Priorite (Choix : Faible, Normale, Élevée) Pourquoi SharePoint ?
Inclus dans la licence gratuite Office 365 Gestion native des permissions Synchronisation automatique Éviter Excel comme source principale Préparer l’architecture de navigation
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" 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) Activez Contrôles et thèmes modernes 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" 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
Texte : "Gestion des Tâches" Bouton d'accès à la liste Texte : "Voir les tâches" OnSelect : Navigate(scrTaches_Liste; ScreenTransition.Fade) Statistiques rapides (optionnel) Étiquette "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 Configurer l'affichage de la galerie Modifier la disposition via le volet Propriétés Afficher : Titre, Sous-titre, Corps Sous-titre : ThisItem.Statut.Value Corps : ThisItem.Description Ajouter les boutons de navigation
OnSelect : Navigate(scrAccueil; ScreenTransition.Fade) OnSelect : Navigate(scrTaches_Form; ScreenTransition.Fade);; NewForm(frmTaches) Bouton Modifier (dans la galerie) OnSelect : Navigate(scrTaches_Form; ScreenTransition.Fade);; EditForm(frmTaches);; ViewForm(frmTaches; ThisItem) Bouton Supprimer (dans la galerie) OnSelect : Remove(Tâches; ThisItem) Ajouter une barre de recherche (optionnel)
Contrôle : Entrée de texte 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 > Modifier 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 : Ajouter les boutons d'action
OnSelect : Navigate(scrTaches_Liste; ScreenTransition.Fade) If(frmTaches.Valid; SubmitForm(frmTaches);; Navigate(scrTaches_Liste; ScreenTransition.Fade); Notify("Erreur : vérifiez les champs obligatoires"; NotificationType.Error))
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) Éviter les espaces et caractères spéciaux 10. Fonctionnalités avancées
Filtrage par statut
Ajouter des boutons de filtre sur l'écran liste :
Application Canvas - Guide de survie
