Tutoriel : Personnaliser une galerie dans Power Apps

Dans ce tutoriel, vous allez personnaliser une liste d’enregistrements, appelée galerie, et apporter d’autres modifications dans une application générée automatiquement dans Microsoft Power Apps. Les utilisateurs peuvent gérer les données dans l’application même si vous n’apportez pas ces modifications, mais l’application sera plus facile à utiliser si vous la personnalisez pour les besoins de votre organisation.

Par exemple, la galerie de ce didacticiel correspond à ce graphique par défaut. L’adresse e-mail est proposée plus en évidence que d’autres types de données, et les utilisateurs peuvent trier et filtrer la galerie en fonction du texte dans cette adresse :

Toutefois, vos utilisateurs peuvent être plus intéressés par le nom du compte que l’adresse e-mail. Vous allez donc reconfigurer la galerie pour mettre en surbrillance, trier et filtrer en fonction des données clés de votre organisation. En outre, vous allez modifier le titre de l’écran par défaut pour le différencier des autres écrans de l’application.

Vous allez également ajouter une barre de défilement afin que les utilisateurs qui n’ont pas d’écrans tactiles ou de roues de souris puissent parcourir toute la galerie.

Ce tutoriel commence par une application générée à partir d’une source de données spécifique. Toutefois, les mêmes concepts s’appliquent à toute application que vous générez dans Power Apps, qu’il s’agisse d’une liste créée à l’aide de Listes Microsoft, d’une bibliothèque SharePoint, d’un tableau Excel ou d’une autre source de données.

Si vous n’êtes pas inscrit à Power Apps, inscrivez-vous gratuitement avant de commencer.

Prerequisites

Générez une application à partir de la table Comptes de Microsoft Dataverse.

Ouvrir l’application générée

1. Connectez-vous à Power Apps, puis sélectionnez Applications près du bord gauche.

2. Recherchez l’application que vous avez générée, sélectionnez l’icône de sélection (...) pour celle-ci, puis sélectionnez Modifier.

   

3. Si la boîte de dialogue Bienvenue dans Power Apps Studio s’affiche, sélectionnez Ignorer.

Modifier la disposition

1. Dans le volet de navigation gauche, sélectionnez BrowseGallery1.

   Lorsque la galerie est sélectionnée, une zone de sélection avec des poignées l’entoure.

   

2. Sous l’onglet Propriétés du volet droit, ouvrez la liste des options sous Disposition, puis sélectionnez l’option qui affiche uniquement un titre.

   

3. À côté des champs, sélectionnez Modifier, puis sélectionnez la flèche vers le bas pour la boîte de titre.

   Le nom de ce contrôle se termine par un chiffre, tel que Title1, mais le chiffre peut différer en fonction d’autres actions que vous avez peut-être effectuées.

4. Dans la liste des options, sélectionnez Nom du compte, puis fermez le volet Données .

   La galerie affiche le nom de chaque compte.

   

Modifier les colonnes de tri et de recherche

1. Sélectionnez la galerie comme décrit dans la section précédente.

   

2. Dans l’angle supérieur gauche, assurez-vous que la liste de propriétés affiche Éléments.

   

   La valeur de cette propriété apparaît dans la barre de formule. Vous définissez cette propriété pour spécifier non seulement la source de données de la galerie, mais également les colonnes par lesquelles les utilisateurs peuvent trier et rechercher les données.

3. Copiez cette formule, puis collez-la dans la barre de formule.

   SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, Descending, Ascending))

   À l’aide de cette formule, assurez-vous que :

   • Si un utilisateur tape un ou plusieurs caractères dans la barre de recherche, la galerie affiche uniquement les noms de compte qui contiennent le texte tapé par l’utilisateur.
   • Si un utilisateur sélectionne l’icône de tri, la galerie est triée par ordre alphabétique par nom de compte dans l’ordre croissant ou décroissant, selon le nombre de fois où l’utilisateur sélectionne l’icône.

   Pour plus d’informations sur ces fonctions et d’autres fonctions, consultez les informations de référence sur les formules.

Tester la recherche et le tri

1. Ouvrez le mode Aperçu en appuyant sur F5 (ou en sélectionnant le bouton lecture en haut à droite).

   

2. Près du coin supérieur droit de l’écran de navigation, sélectionnez l’icône de tri une ou plusieurs fois pour modifier l’ordre alphabétique entre croissant et décroissant.

   

3. Dans la zone de recherche, tapez k pour afficher uniquement les noms de compte qui contiennent la lettre que vous avez tapée.

   

4. Supprimez tout le texte de la barre de recherche, puis fermez le mode Aperçu en appuyant sur Échap (ou en sélectionnant l’icône fermer en haut à droite).

Modifier le titre de l’écran

1. Sélectionnez le titre de l’écran en cliquant ou en appuyant dessus.

   

2. Vérifiez que la liste des propriétés affiche Texte, puis, dans la barre de formule, remplacez Comptes par Parcourir (en conservant les guillemets doubles).

   

   L’écran reflète vos modifications.

   

Afficher une barre de défilement

Si vos utilisateurs n’ont peut-être ni écran tactile ni roues de souris, configurez la galerie pour afficher une barre de défilement lorsque l’utilisateur pointe dessus avec la souris. De cette façon, les utilisateurs peuvent afficher tous les comptes même si l’écran ne peut pas les afficher en même temps.

1. Sélectionnez la galerie comme décrit la première procédure.

   

2. Définissez la propriété Afficher la barre de défilement de la galerie sur true.

Étapes suivantes

Dans ce tutoriel, vous avez personnalisé la galerie et apporté d’autres modifications à l’écran par défaut pour la navigation des enregistrements dans une application générée. Vous pouvez également personnaliser les écrans par défaut pour afficher les détails et créer ou mettre à jour des comptes. Comme l’écran de navigation contient une galerie, les deux autres écrans de l’application contiennent des formulaires. Vous pouvez modifier, par exemple, quels types de données les formulaires s’affichent et dans quel ordre.