PowerApps - Préparer vos galeries dynamiques Vidéo

Découvrez comment préparer vos galeries dynamiques dans PowerApps ! Cette vidéo, adaptée pour les utilisateurs intermédiaires, approfondit la personnalisation des galeries pour un affichage visuel et interactif idéal. Apprenez à définir des propriétés essentielles et à manipuler vos données SharePoint pour une interface dynamique. Ne ratez pas cette opportunité d'améliorer vos compétences en low code !

04:43
78 vues

00:00:05

nous avions abordé les galeries

00:00:07

et leur utilisation de manière basique

00:00:09

pour afficher des données.

00:00:11

Dans cette vidéo,

00:00:12

nous allons approfondir leur utilisation et leur personnalisation

00:00:16

pour rendre l'affichage plus dynamique et visuel.

00:00:19

Afin de faciliter la lecture et l'assimilation des informations,

00:00:23

ce tutoriel a été divisé en deux parties distinctes.

00:00:27

La première partie se concentrera sur l'explication des données sources.

00:00:31

L'importation de ces données,

00:00:33

déjà couverte auparavant,

00:00:34

ainsi que sur l'insertion d'une galerie vide et ses premières configurations.

00:00:39

La deuxième partie,

00:00:40

quant à elle,

00:00:41

développera l'affichage des données dans la galerie

00:00:44

et la personnalisation avancée des contrôles.

00:00:47

Ce découpage vous permettra de mieux organiser votre

00:00:50

apprentissage tout en suivant une progression logique.

00:00:54

Les données utilisées dans ce tutoriel proviennent d'une liste SharePoint nommée

00:00:59

tch.

00:01:00

Cette liste contient plusieurs colonnes importantes.

00:01:05

Dans une liste SharePoint,

00:01:06

la colonne ID est une colonne système prédéfinie

00:01:10

qui est habituellement masquée.

00:01:12

Cependant,

00:01:13

dans cet exemple,

00:01:14

elle a été affichée.

00:01:17

La colonne titre

00:01:18

répertorie le nom ou le titre des tâches,

00:01:21

tandis que la colonne projet ID

00:01:24

stocke l'identifiant du projet associé à chaque tâche,

00:01:28

une information utile à exploiter ultérieurement

00:01:31

lorsque d'autres listes seront abordées.

00:01:35

La liste contient également une colonne description,

00:01:38

ainsi que des colonnes date de début

00:01:41

et date de fin

00:01:42

pour suivre la planification de chaque élément.

00:01:45

Il y a en outre une colonne statue

00:01:47

sous forme de liste à choix multiple,

00:01:49

permettant d'indiquer l'état d'avancement de la tâche,

00:01:52

par exemple en cours,

00:01:54

terminée,

00:01:54

en attente et affaires,

00:01:56

ainsi qu'une colonne priorité qui indique l'importance de la tâche.

00:02:02

Enfin,

00:02:02

la colonne assignation spécifie la personne en charge de l'exécution de la tâche.

00:02:08

L'ensemble de ces informations constituent une base riche et structurée

00:02:13

pour créer des filtres

00:02:14

et des affichages personnalisés dans l'application.

00:02:18

la notion d'importation de données

00:02:20

a déjà été traitée dans un précédent tutoriel.

00:02:23

Nous partirons ainsi du principe

00:02:25

que la connexion à cette liste est déjà opérationnelle,

00:02:29

ce qui vous permet de concentrer vos efforts

00:02:32

sur la mise en forme

00:02:34

et la personnalisation de l'affichage des informations via les galeries.

00:02:39

Pour obtenir une personnalisation complète de votre interface,

00:02:43

nous commençons par insérer une galerie vide dans l'application.

00:02:47

Une galerie vide permet d'organiser et

00:02:50

de positionner librement différents contrôles,

00:02:53

tels que des labels ou des rectangles

00:02:55

et d'adapter leurs styles et leur comportement selon vos besoins.

00:03:00

Dans ce tutoriel,

00:03:01

nous utiliserons une galerie de type horizontale

00:03:04

qui servira à afficher les différents statuts des tâches,

00:03:08

facilitant ainsi

00:03:09

une première organisation visuelle.

00:03:12

Nous alimentons notre galerie horizontale

00:03:15

en insérant la formule suivante dans sa propriété items.

00:03:19

Cette formule récupère la liste des options disponibles pour le champ,

00:03:23

statut

00:03:24

de la liste,

00:03:25

tâche.

00:03:26

La colonne

00:03:27

statue

00:03:28

fonctionne comme un menu déroulant qui contient toutes les valeurs possibles,

00:03:32

par exemple en cours,

00:03:34

terminé,

00:03:35

et cetera.

00:03:36

Cette formule permet d'extraire chacune de ces options

00:03:39

afin de les afficher dans la galerie.

00:03:42

Avant de procéder à l'affichage des données,

00:03:45

il est essentiel d'ajuster quelques

00:03:47

paramètres pour garantir une adaptabilité optimale

00:03:51

un rendu immédiat.

00:03:53

La configuration des propriétés

00:03:55

largeur minimale

00:03:57

et hauteur minimale

00:03:58

sur zéro

00:03:59

permet à la galerie de s'ajuster dynamiquement à l'espace disponible,

00:04:04

évitant ainsi toute contrainte

00:04:06

due à des dimensions minimales fixes.

00:04:09

Définir la propriété Day item loading sur

00:04:13

false

00:04:14

garantit que tous les éléments se chargent immédiatement,

00:04:18

offrant ainsi une interface plus réactive.

00:04:21

Vous venez de découvrir comment préparer et configurer la galerie

00:04:26

afin qu'elle puisse exploiter les données de la liste SharePoint.

00:04:31

Dans la prochaine partie,

00:04:32

nous allons maintenant aborder l'affichage des données

00:04:36

et la personnalisation détaillée des contrôles à l'intérieur de la galerie.

Mandarine AI: CE QUI POURRAIT VOUS INTÉRESSER

LES COURS ASSOCIÉS Cette vidéo fait partie des cours suivants

Abonnés

69 vues

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