PowerApps - Préparer vos galeries dynamiques Tutoriels

  • 00:04:42
  • 1 vues
résultat(s)
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.

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
1 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

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