Comment utiliser PowerApps pour créer des implémentations contextuelles

PowerApps fournit différents types d'écran pour le développement d'applications de canevas, mais un écran de type pop-up ou boîte de dialogue n'est pas facilement disponible. Les fenêtres contextuelles aident à afficher des informations ou à recevoir des entrées d'un utilisateur et à empêcher l'utilisateur de naviguer vers une autre page. Dans ce blog, j'ai fourni les étapes pour créer un écran contextuel et le rendre fonctionnel à l'aide de différents contrôles.

Étape 1: Ajouter un nouvel écran avec les étiquettes, les zones de texte et les commandes de bouton requises, comme indiqué ci-dessous:

Étape 2: Définissez une variable locale comme indiqué ci-dessous dans l'événement « OnSelect» . Cela garantira que tout contrôle avec une propriété visible avec la valeur «showDialog» s'affichera.

Étape 3: Ajoutez l'icône «rectangle» de la section insert sur l'écran , définissez sa propriété visible sur «showDialog» et définissez le remplissage, la largeur et la hauteur de la valeur de la propriété comme dans l'image ci-dessous.

La valeur de remplissage RVBA spécifiée affichera un écran gris qui affichera une apparence désactivée de l'écran. Cela empêchera l'utilisateur de sélectionner l'arrière-plan lorsque la fenêtre contextuelle est visible. Si vous ne restreignez pas l'utilisateur à la sélection d'arrière-plan, l'utilisateur peut sélectionner et modifier l'écran d'arrière-plan même si la fenêtre contextuelle est visible.

Étape 4: Ajoutez une autre icône «rectangle» pour afficher la fenêtre contextuelle sur le même écran dans l'événement «OnSelect» du bouton de recherche, définissez sa propriété visible sur «showDialog» et définissez une valeur de «1113» pour la largeur et «526» pour la hauteur.

Étape 5: Ajoutez le contrôle de galerie sur l'icône rectangle créée précédemment et attribuez la source de données. Ajoutez les contrôles requis tels que les étiquettes, les zones de texte, les boutons, etc., et définissez la propriété visible comme «showDialog» pour chaque contrôle, qui se trouve dans la fenêtre contextuelle. Cela garantira que les commandes situées sur la fenêtre contextuelle ne sont visibles que lorsque la fenêtre contextuelle est visible lorsque vous cliquez sur le bouton.

Étape 6: Définissez la propriété ci-dessous dans le champ « OnSelect ” événement du bouton de fermeture. Cela fermera la fenêtre contextuelle.

Étape 7: Il y a un bouton «sélectionner» sur chaque ligne de la galerie. Sélectionnez la ligne spécifiquement associée pour fermer la fenêtre contextuelle. Définissez la propriété comme ci-dessous dans l'événement « OnSelect »:

Cela enregistrera l'élément sélectionné dans la variable locale sous le nom «selectedUser». La fenêtre contextuelle se fermera et s'affichera comme «showDialog» tant que la valeur est définie sur «false», et les détails de la ligne sélectionnée seront pré-remplis dans les zones de texte.

Étape 8: Pour lier le fichier sélectionné Détails de l'utilisateur dans la zone de texte, la propriété par défaut de la zone de texte doit être définie comme suit:

Étape 9: Pour effacer les données sélectionnées de la galerie des zones de texte, définissez le paramètre « OnSelect» événement comme ci-dessous. Cela effacera les données des zones de texte.

La puissance de PowerApps

Bien que PowerApps n'ait pas d'écran contextuel facilement disponible pour les utilisateurs, suivre les étapes ci-dessus vous aidera à en créer un par vous-même. Pour plus d'informations sur ces types de processus, contactez nos experts dès aujourd'hui .

Liens de référence:

À propos de l'auteur

Tejashree est un consultant technique travaillant actuellement sur les plates-formes Microsoft Power. Elle aime travailler avec PowerApps et Power Automate et elle est ravie de partager ses connaissances à travers les blogs!

Plus de cet auteur