Support Power Platform - Apps - Automate - SharePoint - Copilot

Création d’une application Power Apps Canvas mobile et Excel [WiP]

Version mobile - Source Excel

Source

Placer ce fichier sur votre OneDrive Entreprise ou une bibliothèque SharePoint.

Tickets_Support_IT.xlsx18 KB⬇

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 :

ÉcranFonctionnalité
HomeScreenPage d’accueil avec navigation vers la liste
GalleryScreenAffichage des données sous forme de galerie avec bouton d’ajout
EditScreenFormulaire pour créer, modifier ou supprimer un enregistrement

Étape 1 : Préparer le fichier Excel

  1. Ouvrir votre fichier Excel contenant les données.
  2. Cliquer sur une cellule de la plage à mettre en Tableau.
  3. Insertion > Tableau.
  4. Le cas échéant, cocher Mon tableau comporte des en-têtes et valider.
  5. Renommer le tableau (onglet Création de tableau) avec un nom explicite sans espaces ni caractères spéciaux (ex : tblTicket).
  6. Enregistrer et fermer le fichier.
image.png

Étape 2 : Créer l’application Power Apps

  1. Accédez à make.powerapps.com.
  2. Cliquez sur + Créer dans le menu de gauche.
  3. Sélectionnez Démarrer avec une application vide puis Format téléphone.
  4. L’éditeur Power Apps s’ouvre avec un écran vide nommé Screen1.
image.png

Étape 3 : Connecter la source de données Excel

  1. Dans le panneau de gauche, cliquez sur l’icône Données (cylindre).
  2. Cliquez sur + Ajouter des données.
  3. Recherchez OneDrive Entreprise ou SharePoint selon l’emplacement de votre fichier.
  4. Naviguez jusqu’à votre fichier Excel et sélectionnez-le.
  5. Cochez le tableau à utiliser (ex : TableProduits) et cliquez sur Connexion.
  6. Le tableau apparaît maintenant dans le panneau Données.
image.png

Étape 4 : Créer et configurer les écrans

4.1 Créer l’écran Galerie

  1. Cliquez sur + Nouvel écran et choisissez Vierge.
  2. Renommez cet écran GalleryScreen.

4.2 Renommer et configurer l’écran d’accueil

  1. Dans l’arborescence à gauche, double-cliquez sur Screen1 et renommez-le HomeScreen.
  2. Insérez un contrôle Étiquette (menu Insertion > Étiquette) pour le titre.
  3. Configurez la propriété Text avec le titre de votre application. Ajuster les autres propriétés.
  4. Insérez un contrôle Bouton pour naviguer vers la liste. Changer sa propriété Texte.
  5. 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

  1. Dans l’arborescence à gauche, sélectionner l’écran GalleryScreen.
  2. Insérez une Galerie verticale (menu Insertion > Disposition > Verticale vide).
  3. Dans le panneau de droite, définissez la source de données : sélectionnez votre tableau Excel.
  4. Propriété Items de la galerie :
tblTicket

→ 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

  1. Créez un nouvel écran vide et nommez-le EditScreen.
  2. Insérez un contrôle Formulaire de modification (menu Insertion > Formulaire > Modification).
  3. Connectez le formulaire à votre source de données Excel.
  4. Sélectionnez les champs à afficher via Modifier les champs dans le panneau de droite.

Configuration du formulaire

Propriété DataSource du formulaire :

TableProduits

→ Source de données du formulaire

Propriété Item du formulaire :

GalleryName.Selected

→ 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

  1. Sur GalleryScreen, insérez une icône Flèche gauche (menu Insertion > Icônes).
  2. 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

  1. Appuyez sur F5 ou cliquez sur le bouton Lecture (triangle) en haut à droite.
  2. Testez la navigation entre les écrans.
  3. Testez l’ajout d’un nouvel enregistrement.
  4. Testez la modification d’un enregistrement existant.
  5. Testez la suppression d’un enregistrement.
  6. Vérifiez que les données sont bien mises à jour dans le fichier Excel.

7.2 Publier l’application

  1. Cliquez sur Fichier > Enregistrer pour sauvegarder.
  2. Cliquez sur Fichier > Publier.
  3. Partagez l’application avec les utilisateurs souhaités via Partager.
📷 [Capture d’écran : Bouton de publication et écran de partage]

Récapitulatif des formules

ActionFormulePropriété
NaviguerNavigate(Écran, Transition)OnSelect
RetourBack()OnSelect
Mode créationNewForm(NomFormulaire)OnSelect
Mode éditionEditForm(NomFormulaire)OnSelect
EnregistrerSubmitForm(NomFormulaire)OnSelect
RéinitialiserResetForm(NomFormulaire)OnSelect
SupprimerRemove(Source, Élément)OnSelect
Lier formulaireNomGalerie.SelectedItem

Document de formation - Power Apps Canvas