Formulaires contextuels Power Apps pour une expérience utilisateur interactive

Dans ce didacticiel, je vais vous montrer comment créer un formulaire contextuel Power Apps et comment ils peuvent offrir une expérience utilisateur plus personnalisée et interactive. Vous pouvez regarder la vidéo complète de ce tutoriel au bas de ce blog.

Les fenêtres contextuelles Form Power Apps sont des outils très puissants qui vous permettent d'offrir une expérience personnalisée à vos utilisateurs et de leur permettre de valider quelque chose qu'ils sont sur le point de faire dans une base de données sous-jacente.

Par exemple, si vous allez sur votre iPhone et essayez de supprimer une application, il vous demandera si vous êtes sûr de vouloir la supprimer. La raison en est de créer une très bonne interface utilisateur qui contient des étapes de validation pour s'assurer que vous voulez faire l'action que vous allez faire.

Nous allons faire la même chose dans Power Apps. C'est un peu difficile à faire dans Power Apps de manière native car la façon dont Power Apps fonctionne est que vous avez des éléments qui vont sur un écran. Vous ne pouvez pas avoir un écran superposé sur un autre écran. Donc, ce que nous faisons, c'est que nous utilisons une méthode de regroupement pour imiter cela. Nous allons maintenant entrer dans Power Apps et vous montrer comment c'est fait.

Table des matières

• Comment créer un formulaire Power Apps Pop Up
• Conclusion

Comment créer un formulaire Power Apps Pop Up

Passons à l'éditeur Power Apps. Dans cet exemple, je suis en train de créer une application de notes de frais pour mon entreprise. Sur le côté gauche de l'écran, j'ai une galerie de toutes mes dépenses. Je peux cliquer sur une dépense et obtenir plus d'informations sur cette dépense sur le côté droit.

Nous pouvons voir plus d'informations sur cette note de frais, telles que la description, le montant, la catégorie, le statut, etc.

En plus de cela, je peux cliquer sur Modifier, et en bas, il y a une icône de corbeille qui me permet également de supprimer cet enregistrement.

Maintenant, je souhaite créer un formulaire contextuel afin que si un utilisateur entre et supprime un enregistrement, une boîte de message s'affiche pour confirmer si l'utilisateur souhaite réellement supprimer l'enregistrement ou non.

La première chose que je vais faire est d'ajouter un rectangle qui couvrira tout l'écran. On dirait que l'écran est un peu fané juste pour refléter l'apparence d'un écran l'un sur l'autre.

Donc, j'irai à Insert , puis je passerai à Icons, et j'irai jusqu'en bas à Rectangle. Je vais m'assurer que le rectangle couvre tout l'écran.

La prochaine chose que je vais faire est de changer la couleur de cette forme en gris foncé. Ensuite, j'irai à la propriété Fill de ce rectangle. Nous avons le rouge, le vert et le bleu, mais nous avons aussi la valeur alpha, qui représente l'opacité ou la transparence. Nous allons faire la transparence 0.7, donc on dirait qu'elle est un peu fanée.

Ensuite, nous ajouterons un autre rectangle, qui sera notre boîte contextuelle. Ensuite, nous ajouterons une étiquette, qui est une sorte d'avertissement pour l'utilisateur. Nous pouvons changer les couleurs et ajuster la taille de la police.

Maintenant, nous voulons montrer à l'utilisateur l'enregistrement qu'il va réellement supprimer. Donc, nous voulons des valeurs, telles que le nom, le montant et probablement la catégorie de la note de frais qu'ils sont sur le point de supprimer.

Pour cela, retournons dans notre étiquette et nous ajouterons le nom, le montant et la catégorie. L'enregistrement que nous voulons afficher est basé sur l'enregistrement qui a été sélectionné dans la galerie sous-jacente. La galerie sous-jacente ici est appelée Galerie 1 . Ainsi, le nom de l'élément qui a été sélectionné dans la galerie un est simplement Gallery1.Selected.Title . Le montant sera Gallery1.Selected.Amount , et pour la catégorie, ce sera Gallery1.Selected.Status.Value

Nous ajouterons ensuite deux boutons. Un bouton sera essentiellement Supprimer et l'autre sera simplement Retour . Nous ajusterons également la couleur et la taille.

Maintenant, nous devons nous assurer que lorsque quelqu'un clique sur l'icône de la poubelle ou de la corbeille, cela ne supprime pas l'enregistrement, mais à la place, il affiche cette boîte contextuelle. Pour y parvenir, nous allons mettre en surbrillance toutes les choses dans notre boîte contextuelle, cliquer avec le bouton droit de la souris et sélectionner Groupe .

C'est l'un des avantages de Power Apps. Cela nous permet de regrouper des éléments. Avec cela, il a créé un groupe appelé Group1 .

Ce qui est bien, c'est que si vous modifiez la propriété d'un groupe, par exemple la visibilité, cela impactera toutes les autres propriétés. C'est très agréable d'avoir quelque chose comme ça qui s'emboîte. C'est génial de les regrouper car nous pouvons contrôler toutes les propriétés de ces éléments à la fois.

Par exemple, on veut contrôler la visibilité de toutes ces propriétés et les rendre « fausses » pour l'instant, ça s'en va.

Maintenant, essayons de sélectionner l'icône de la poubelle, et comme vous pouvez le voir lorsqu'elle est sélectionnée, elle effectue toutes ces fonctions, et ces fonctions s'assurent essentiellement que l'enregistrement a été supprimé. Mais nous ne voulons pas cela. Donc, nous allons copier ceci pour l'instant et le mettre dans un bloc-notes vide, juste pour qu'il soit enregistré quelque part. Il s'agit de la fonction réelle que nous avons créée pour supprimer l'enregistrement et nous allons simplement la supprimer.

Et maintenant, nous allons créer une nouvelle variable qui contrôlera le moment où le formulaire apparaîtra réellement. Appelons cette variable la fonction set. Nommons notre variable, ConfirmPopUp , et nous la définirons sur true.

Nous allons ensuite sélectionner le groupe et définir la propriété de visibilité sur cette variable, qui est ConfirmPopUp. Puisqu'il est défini sur true, nous voyons tout.

La prochaine chose que nous allons faire est de cliquer sur Retour, et nous allons avoir une action associée à ce clic. Lorsque quelqu'un sélectionne cela, nous voulons que la visibilité de Group1 soit fausse.

Ensuite, nous devons modifier l'action OnSelect du bouton Supprimer pour exécuter les fonctions que nous avons enregistrées dans le bloc-notes.

La dernière chose que nous devons faire est qu'après que quelqu'un a cliqué sur le bouton Supprimer, nous voulons également nous débarrasser de la fenêtre contextuelle. Nous allons donc ajouter une autre action et définir la variable ConfirmPopUp sur false. Et c'est ainsi que vous utiliseriez les fenêtres contextuelles dans Power Apps.

Microsoft Power Apps : Regroupement d'éléments
Environnements Power Apps : Configurer correctement les éléments de l'application
Power Apps : Premiers pas avec cet outil révolutionnaire

Conclusion

L'une des raisons d'utiliser les fenêtres contextuelles Power Apps est de créer une expérience personnalisée pour vos utilisateurs. Une autre consiste à créer une sorte de validation pour vos utilisateurs également, car cela leur est bénéfique.

Il s'agit de créer une interface utilisateur pour vos utilisateurs afin qu'ils n'aient pas à accéder à la liste ou à la base de données SharePoint sous-jacente et à se confondre avec la modification et la suppression de certaines choses. Ils peuvent le faire à partir de la sécurité d'une interface utilisateur que vous avez créée pour eux afin qu'ils ne gâchent rien. Les fenêtres contextuelles de formulaire sont un outil puissant pour y parvenir.

Faites-moi savoir si vous avez des questions et laissez des commentaires dans la section des commentaires ci-dessous.

Tous mes vœux!

Henri