Version mobile - Source Excel
Source
Placer ce fichier sur votre OneDrive Entrerprise ou une bibliothèque SharePoint.
Objectif
Ce mode opératoire vous guide dans la création d’une application Power Apps Canvas au format mobile, connectée à un fichier Excel stocké sur OneDrive ou SharePoint. L’application comprendra trois écrans : un écran d’accueil, une galerie de données et un formulaire d’édition avec les fonctionnalités d’ajout, de modification et de suppression.
Prérequis
1 Licence Microsoft 365 avec accès à Power Apps 1 fichier Excel, stocké sur OneDrive Entreprise ou SharePoint Structure de l’application
L’application sera composée de trois écrans :
Étape 1 : Préparer le fichier Excel
Ouvrir votre fichier Excel contenant les données. Cliquer sur une cellule de la plage à mettre en Tableau. Le cas échéant, cocher Mon tableau comporte des en-têtes et valider. Renommer le tableau (onglet Création de tableau) avec un nom explicite sans espaces ni caractères spéciaux (ex : tblTicket). Enregistrer et fermer le fichier. Étape 2 : Créer l’application Power Apps
Cliquez sur + Créer dans le menu de gauche. Sélectionnez Démarrer avec une application vide puis Format téléphone. L’éditeur Power Apps s’ouvre avec un écran vide nommé Screen1. Étape 3 : Connecter la source de données Excel
Dans le panneau de gauche, cliquez sur l’icône Données (cylindre). Cliquez sur + Ajouter des données. Recherchez OneDrive Entreprise ou SharePoint selon l’emplacement de votre fichier. Naviguez jusqu’à votre fichier Excel et sélectionnez-le. Cochez le tableau à utiliser (ex : TableProduits) et cliquez sur Connexion. Le tableau apparaît maintenant dans le panneau Données. Étape 4 : Créer et configurer les écrans
4.1 Créer l’écran Galerie
Cliquez sur + Nouvel écran et choisissez Vierge. Renommez cet écran GalleryScreen. 4.2 Renommer et configurer l’écran d’accueil
Dans l’arborescence à gauche, double-cliquez sur Screen1 et renommez-le HomeScreen. Insérez un contrôle Étiquette (menu Insertion > Étiquette) pour le titre. Configurez la propriété Text avec le titre de votre application. Ajuster les autres propriétés. Insérez un contrôle Bouton pour naviguer vers la liste. Changer sa propriété Texte. Sélectionnez le bouton et configurez sa propriété OnSelect : Navigate(GalleryScreen; ScreenTransition.Fade)
→ Navigue vers l’écran GalleryScreen avec un effet de fondu
4.3 Créer la Galerie
Dans l’arborescence à gauche, sélectionner l’écran GalleryScreen. Insérez une Galerie verticale (menu Insertion > Disposition > Verticale vide). Dans le panneau de droite, définissez la source de données : sélectionnez votre tableau Excel. Propriété Items de la galerie : → Remplacez tblTicket par le nom de votre tableau Excel
Dans le modèle de la galerie, insérez des étiquettes pour afficher les champs souhaités. Utilisez la syntaxe ThisItem.NomDuChamp pour référencer les colonnes.
📷 [Capture d’écran : Galerie configurée avec les données du tableau Excel]
4.3 Créer l’écran Formulaire
Créez un nouvel écran vide et nommez-le EditScreen. Insérez un contrôle Formulaire de modification (menu Insertion > Formulaire > Modification). Connectez le formulaire à votre source de données Excel. Sélectionnez les champs à afficher via Modifier les champs dans le panneau de droite. Configuration du formulaire
Propriété DataSource du formulaire :
→ Source de données du formulaire
Propriété Item du formulaire :
→ Remplacez GalleryName par le nom de votre galerie. Lie le formulaire à l’élément sélectionné dans la galerie
📷 [Capture d’écran : Formulaire de modification avec les champs configurés]
Étape 5 : Configurer les boutons d’action
5.1 Bouton Ajouter (sur l’écran Galerie)
Sur GalleryScreen, insérez un bouton avec le texte “+ Ajouter”.
Propriété OnSelect du bouton :
NewForm(EditForm1); Navigate(EditScreen, ScreenTransition.None)
→ Passe le formulaire en mode création puis navigue vers l’écran d’édition. Remplacez EditForm1 par le nom de votre formulaire
5.2 Bouton Modifier (dans la galerie ou sur sélection)
Option A : Rendre chaque ligne de la galerie cliquable.
Propriété OnSelect de la galerie :
EditForm(EditForm1); Navigate(EditScreen, ScreenTransition.None)
→ Passe le formulaire en mode édition avec l’élément sélectionné
Option B : Ajouter un bouton ou une icône dans le modèle de la galerie avec la même formule.
5.3 Bouton Enregistrer (sur l’écran Formulaire)
Sur EditScreen, insérez un bouton “Enregistrer”.
Propriété OnSelect :
SubmitForm(EditForm1); Back()
→ Soumet les données du formulaire puis revient à l’écran précédent
5.4 Bouton Supprimer (sur l’écran Formulaire)
Sur EditScreen, insérez un bouton “Supprimer”.
Propriété OnSelect :
Remove(TableProduits, GalleryName.Selected); Back()
→ Supprime l’enregistrement sélectionné de la source de données puis revient à l’écran précédent
Pour masquer ce bouton en mode création, configurez sa propriété Visible :
EditForm1.Mode = FormMode.Edit
→ Le bouton n’est visible que si le formulaire est en mode édition (pas en mode création)
📷 [Capture d’écran : Écran formulaire avec les boutons Enregistrer et Supprimer]
5.5 Bouton Annuler (sur l’écran Formulaire)
Ajoutez un bouton “Annuler” pour permettre à l’utilisateur de revenir sans enregistrer.
Propriété OnSelect :
ResetForm(EditForm1); Back()
→ Réinitialise le formulaire (annule les modifications non enregistrées) puis revient à l’écran précédent
Étape 6 : Ajouter la navigation retour
Sur GalleryScreen, insérez une icône Flèche gauche (menu Insertion > Icônes). Configurez sa propriété OnSelect : Navigate(HomeScreen, ScreenTransition.Fade)
→ Retourne à l’écran d’accueil
Étape 7 : Tester et publier l’application
7.1 Tester l’application
Appuyez sur F5 ou cliquez sur le bouton Lecture (triangle) en haut à droite. Testez la navigation entre les écrans. Testez l’ajout d’un nouvel enregistrement. Testez la modification d’un enregistrement existant. Testez la suppression d’un enregistrement. Vérifiez que les données sont bien mises à jour dans le fichier Excel. 7.2 Publier l’application
Cliquez sur Fichier > Enregistrer pour sauvegarder. Cliquez sur Fichier > Publier. Partagez l’application avec les utilisateurs souhaités via Partager. 📷 [Capture d’écran : Bouton de publication et écran de partage]
Récapitulatif des formules
Document de formation - Power Apps Canvas