PowerApps - Modifier vos données facilement Tutoriels

Découvrez comment modifier vos données facilement avec Power Apps ! Ce tutoriel pratique vous guide à travers la liaison entre un formulaire et une galerie, vous permettant de gérer vos informations de manière fluide. Apprenez à configurer des boutons pour enregistrer ou annuler des modifications tout en naviguant sans effort. Ne manquez pas cette opportunité d'améliorer vos compétences en low code !

  • 04:10
  • 146 vues

Objectifs :

Ce tutoriel vise à guider les utilisateurs dans la liaison d'un formulaire avec les données d'une galerie dans Power Apps, en simplifiant la gestion des informations et en permettant une navigation fluide entre les écrans.

Chapitres :

  1. Introduction
    Dans ce tutoriel, nous allons apprendre à lier un formulaire aux données d'une galerie dans Power Apps. Cette liaison facilitera la gestion des informations et améliorera l'expérience utilisateur en permettant une navigation fluide entre les différents écrans de l'application.
  2. Configuration du bouton de la galerie
    Pour commencer, sélectionnez le bouton contenu dans votre galerie. Dans ses propriétés 'OnSelect', configurez l'action qui servira à capter l'élément sélectionné. À cette étape, vous allez créer une variable destinée à stocker les données associées à l'élément cliqué. La formule utilisée est la suivante : - `Set(Vartac, ThisItem)` Cette formule affecte à la variable 'Vartac' la valeur de l'élément actuellement sélectionné, permettant ainsi de transférer ces données vers un autre écran.
  3. Navigation vers le formulaire
    Il est nécessaire de naviguer vers l'écran contenant le formulaire dès que l'utilisateur clique sur le bouton. Pour cela, combinez deux formules grâce à l'opérateur '&&' et ajoutez la formule suivante : - `Navigate(Screen3, Fade)` Cette commande permet de passer à l'écran 'Screen3' en appliquant un effet de transition de type 'fade', offrant ainsi une expérience de navigation fluide et agréable pour l'utilisateur.
  4. Configuration du formulaire
    Ensuite, configurez votre formulaire en définissant sa propriété 'Item' avec la variable 'Vartac'. Cette affectation permet au formulaire de se remplir automatiquement avec les données de l'élément sélectionné dans la galerie. Ajoutez deux boutons supplémentaires : - 'Annuler' - 'Enregistrer' Ces boutons géreront respectivement l'annulation et la soumission des modifications.
  5. Paramétrage des boutons
    Pour le bouton 'Enregistrer', paramétrez sa propriété 'OnSelect' avec la formule suivante : - `SubmitForm(Form3)` Cette formule soumet le formulaire nommé 'Form3' et envoie les données saisies vers la source de données correspondante. Dans la propriété 'OnSuccess' du formulaire, intégrez la formule suivante : - `Set(Vartac, Blank()); Navigate(PreviousScreen); Notify("Les tâches ont été enregistrées avec succès.")` Cette formule vide la variable 'Vartac', effectue la commande 'Back' pour revenir à l'écran précédent et affiche une notification de succès.
  6. Configuration du bouton Annuler
    Le bouton 'Annuler' doit être configuré dans sa propriété 'OnSelect' avec la formule suivante : - `ResetForm(Form3); Set(Vartac, Blank()); Navigate(PreviousScreen)` Cette formule réinitialise le formulaire en cours, vide à nouveau la variable 'Vartac' et retourne à l'écran précédent pour annuler toute modification en cours.
  7. Test de l'application
    Une fois ces configurations effectuées, testez l'application afin de vérifier que le bouton de la galerie capture correctement l'élément sélectionné et que le formulaire se remplit précisément selon les données apportées par la variable. Confirmez également que les actions de soumission et d'annulation fonctionnent comme prévu, en vous assurant que la navigation et les notifications s'exécutent sans erreur.
  8. Conclusion
    Ce tutoriel a démontré comment lier un formulaire aux données d'une galerie en utilisant la configuration d'un bouton pour créer une variable, naviguer entre les écrans et gérer la soumission ou l'annulation des modifications via des formules simples et efficaces. Dans la dernière partie de ce tutoriel, nous explorerons l'ajout d'une nouvelle donnée directement dans le formulaire pour étendre encore davantage les fonctionnalités de votre application Power Apps.

FAQ :

Comment lier un formulaire aux données d'une galerie dans Power Apps?

Pour lier un formulaire aux données d'une galerie, vous devez configurer le bouton de la galerie pour capturer l'élément sélectionné et créer une variable pour stocker ces données. Ensuite, vous devez naviguer vers l'écran contenant le formulaire et définir la propriété 'Item' du formulaire avec la variable créée.

Qu'est-ce qu'une variable dans Power Apps?

Une variable dans Power Apps est un espace de stockage temporaire qui peut contenir des données. Elle est utilisée pour stocker des informations que vous souhaitez utiliser ou modifier au cours de l'exécution de l'application.

Comment configurer un bouton pour soumettre un formulaire?

Pour configurer un bouton pour soumettre un formulaire, vous devez définir sa propriété 'OnSelect' avec une formule qui soumet le formulaire et envoie les données saisies vers la source de données correspondante.

Comment gérer l'annulation des modifications dans un formulaire?

Pour gérer l'annulation des modifications, vous devez configurer un bouton d'annulation avec une formule qui réinitialise le formulaire et retourne à l'écran précédent, annulant ainsi toutes les modifications en cours.

Quels sont les avantages d'utiliser des transitions dans Power Apps?

Les transitions, comme l'effet de type fade, améliorent l'expérience utilisateur en rendant la navigation entre les écrans plus fluide et agréable, ce qui peut augmenter l'engagement des utilisateurs.

Quelques cas d'usages :

Gestion des informations clients

Dans une application de gestion de la relation client (CRM), vous pouvez utiliser ce tutoriel pour lier un formulaire aux données d'une galerie affichant les clients. Cela permet aux utilisateurs de sélectionner un client et de mettre à jour ses informations facilement.

Suivi des projets

Pour une application de gestion de projet, ce processus peut être utilisé pour afficher une liste de projets dans une galerie. Les utilisateurs peuvent sélectionner un projet pour voir les détails et apporter des modifications directement via un formulaire.

Système de réservation

Dans une application de réservation, vous pouvez afficher des éléments disponibles dans une galerie. Les utilisateurs peuvent sélectionner un élément pour remplir un formulaire de réservation, simplifiant ainsi le processus de réservation.

Application de feedback

Pour une application de collecte de feedback, vous pouvez afficher les retours des utilisateurs dans une galerie. Les utilisateurs peuvent sélectionner un retour pour le modifier ou l'annuler, facilitant ainsi la gestion des commentaires.

Gestion des stocks

Dans une application de gestion des stocks, vous pouvez afficher les articles en stock dans une galerie. Les utilisateurs peuvent sélectionner un article pour mettre à jour les quantités ou les informations, améliorant ainsi l'efficacité de la gestion des stocks.

Glossaire :

Power Apps

Une plateforme de développement d'applications qui permet aux utilisateurs de créer des applications personnalisées sans nécessiter de compétences en programmation avancées.

Galerie

Un contrôle dans Power Apps qui affiche une collection d'éléments, permettant aux utilisateurs de naviguer et de sélectionner des données.

Variable

Un espace de stockage temporaire pour des données qui peuvent être modifiées au cours de l'exécution d'une application. Dans ce contexte, elle est utilisée pour stocker les données de l'élément sélectionné.

Formule

Une expression qui effectue des calculs ou des actions dans Power Apps. Les formules sont utilisées pour définir le comportement des contrôles.

Écran

Une page ou une vue dans une application Power Apps où les utilisateurs interagissent avec les données et les contrôles.

OnSelect

Une propriété d'un contrôle dans Power Apps qui définit l'action à exécuter lorsque l'utilisateur sélectionne ce contrôle, comme un bouton.

Transition de type fade

Un effet visuel qui permet de passer d'un écran à un autre en diminuant progressivement l'opacité, créant ainsi une expérience de navigation fluide.

Source de données

Un emplacement où les données sont stockées et peuvent être récupérées ou mises à jour, comme une base de données ou un service web.

Notification de succès

Un message affiché à l'utilisateur pour indiquer que l'action qu'il a effectuée a été réalisée avec succès.

Ret for

Une commande dans Power Apps qui permet de revenir à l'écran précédent.

résultat(s)
00:00:06
formulaire avec les données d'une galerie dans Power Apps
00:00:09
afin de simplifier la gestion des informations.
00:00:13
Pour commencer,
00:00:14
sélectionnez le bouton contenu dans votre galerie
00:00:17
et dans sa propriété on select,
00:00:19
configurer l'action qui servira à capter l'élément sélectionné.
00:00:25
Dans cette étape,
00:00:26
vous allez créer une variable destinée à
00:00:28
stocker les données associées à l'élément cliqué.
00:00:32
Nous approfondirons l'utilisation des variables dans
00:00:35
une partie avancée du tutoriel.
00:00:38
la formule utilisée est la suivante.
00:00:41
Cette formule affecte à la variable Vartac
00:00:44
la valeur de l'élément
00:00:46
actuellement sélectionné,
00:00:48
représenté par This item,
00:00:50
permettant ainsi de transférer ces données vers un autre écran.
00:00:54
De plus,
00:00:54
il est nécessaire de naviguer vers l'écran
00:00:57
contenant le formulaire dès que l'utilisateur clique sur le bouton.
00:01:01
Pour cela,
00:01:02
combinez deux formules grâce à l'opérateur end
00:01:05
et ajouter la formule suivante.
00:01:07
Cette commande permet de passer à l'écran screen trois
00:01:11
en appliquant un effet de transition de type fade,
00:01:14
offrant ainsi une expérience de navigation
00:01:16
fluide et agréable pour l'utilisateur.
00:01:21
Ensuite,
00:01:22
configurez votre formulaire en définissant sa propriété item
00:01:26
avec la variable
00:01:28
Varthe.
00:01:29
Cette affectation permet au formulaire de se remplir automatiquement
00:01:33
avec les données de l'élément sélectionné dans la galerie.
00:01:37
Ajoutez deux boutons supplémentaires,
00:01:39
l'un intitulé
00:01:41
annuler
00:01:42
et l'autre
00:01:42
enregistrer
00:01:44
afin de gérer respectivement
00:01:46
l'annulation et la soumission des modifications.
00:01:49
Bien que l'on puisse organiser la mise en page de manière optimale
00:01:53
en utilisant plusieurs conteneurs,
00:01:55
comme expliqué dans un tutoriel dédié à la mise en page,
00:01:58
nous insérerons simplement ces boutons pour gagner du temps,
00:02:02
en prenant soin de modifier le texte de chaque bouton
00:02:05
pour clarifier leur fonctionnalité.
00:02:09
Pour le bouton enregistré,
00:02:11
paramétrer sa propriété on Select
00:02:14
avec la formule suivante
00:02:15
qui se charge de soumettre le formulaire nommé forme trois
00:02:19
et d'envoyer les données saisies vers la source de données correspondante.
00:02:25
Par ailleurs,
00:02:26
dans la propriété un success du formulaire,
00:02:29
c'est-à-dire l'action à exécuter lorsque la soumission réussit,
00:02:33
vous devrez intégrer la formule suivante.
00:02:35
Cette formule réalise trois actions combinées.
00:02:38
Elle vide la variable Varthe afin d'éviter
00:02:41
toute collision avec des données précédentes,
00:02:43
effectue la commande bac
00:02:45
pour revenir à l'écran antérieur
00:02:47
et affiche une notification de succès
00:02:50
indiquant que les tâches ont bien été enregistrées.
00:02:54
De son côté,
00:02:55
le bouton annulé doit l'être configuré dans sa propriété on Select
00:02:59
avec la formule suivante,
00:03:01
qui réinitialise le formulaire en cours grâce à Ret for,
00:03:05
vide à nouveau la variable Varthe
00:03:08
et retourne à l'écran précédent pour annuler toute modification en cours.
00:03:14
Une fois ces configurations effectuées,
00:03:16
testez l'application afin de vérifier que
00:03:18
le bouton de la galerie capture correctement
00:03:21
l'élément sélectionné
00:03:22
et que le formulaire se remplit précisément
00:03:25
selon les données apportées par la variable.
00:03:29
Confirmez également que les actions de soumission et d'annulation
00:03:33
fonctionnent comme prévu
00:03:35
en vous assurant que la navigation et les notifications s'exécutent sans erreur.
00:03:40
Ce tutoriel a démontré comment lier un formulaire aux données d'une galerie
00:03:45
en utilisant la configuration d'un bouton
00:03:48
pour créer une variable,
00:03:50
naviguer entre les écrans
00:03:53
et gérer la soumission ou l'annulation des
00:03:54
modifications via des formules simples et efficaces.
00:03:57
Dans la dernière partie de ce tutoriel,
00:03:59
nous explorerons l'ajout d'une nouvelle
00:04:01
donnée directement dans le formulaire pour
00:04:04
étendre encore davantage les fonctionnalités de votre application Power Apps.

Il n’existe aucun élément correspondant à votre recherche dans cette vidéo...
Effectuez une autre recherche ou retournez au contenu !

 

Mandarine AI: CE QUI POURRAIT VOUS INTÉRESSER

LES COURS ASSOCIÉS Ce tutoriel fait partie des cours suivants

Abonnés
298 vues
E-learning Intermédiaire

Formation Vidéo Microsoft PowerApps - Concevez des expériences utilisateur dynamiques et engageantes

Renforcez votre maîtrise de Power Apps grâce à ce module intermédiaire. Apprenez à structurer des interfaces responsives, à améliorer la vis...

Cours E-learning
TOUS LES COURS

Une erreur est survenue

Impossible de sauvegarder votre progression. Veuillez recharger la page, vous connecter, et essayer de nouveau. Si le problème persiste, merci de contacter un administrateur.

Fermer

Rappel

Afficher

/

Acceder à la session