Support Power Platform - Apps - Automate - SharePoint - Copilot

[Lab CX02] Créer un composant d'en-tête réutilisable

💡
Lab simulé | 35 minutes | Brévalis Industries. Camille Lefort remplace les titres copiés à la main par un composant d'en-tête cmpEntete, placé sur l'accueil et sur la liste de NC Terrain. Écrans déduits sans capture : onglet Composants, volet « Nouvelle propriété personnalisée », catégorie « Personnalisé » du volet Insérer.

Objectif

Créer un composant dans l'application, lui donner une propriété personnalisée d'entrée, l'insérer sur deux écrans avec des valeurs différentes, puis modifier sa définition une seule fois.

Étapes

  1. Créer le composant : arborescence, onglet Composants, Nouveau composant, renommé cmpEntete.
  2. Dimensionner le composant : Hauteur 80, Fill : RGBA(56; 96; 178; 1).
  3. Ajouter la propriété personnalisée Titre : Nouvelle propriété personnalisée, nom d'affichage et nom Titre, Données, Entrée, Texte, Créer ; valeur par défaut "NC Terrain".
  4. Afficher le titre dans le composant : contrôle Texte lblEnTete, Text : cmpEntete.Titre, Color : Color.White, Largeur 560, Taille de police 24.
  5. Remplacer le titre de l'accueil : supprimer lblTitre, puis Insérer, Personnalisé, cmpEntete (instance cmpEntete_1).
  6. Placer l'en-tête sur la liste : supprimer lblDeclaration_1, insérer cmpEntete_2, Y 104, Titre : Non-conformités.
  7. Modifier la définition une seule fois : Fill du composant : RGBA(116; 39; 116; 1), puis aperçu : les deux en-têtes sont violets.
  8. Enregistrer une nouvelle version.
  9. Répondre au questionnaire de fin de lab (10 questions, réussite à 80 %).

Ce que le lab fait comprendre

  • La définition d'un composant se construit dans l'onglet Composants ; chaque écran en reçoit une instance (cmpEntete_1, cmpEntete_2).
  • Une propriété personnalisée d'entrée transmet une valeur de l'écran vers le composant ; dans la définition, on la lit avec cmpEntete.Titre.
  • La valeur saisie dans la définition sert de valeur par défaut aux instances.
  • Par défaut, un composant est isolé de l'application : il ne voit ni ses contrôles, ni ses variables, sauf si l'accès à l'étendue de l'application (Access app scope) est activé.
  • Modifier la définition met à jour toutes les instances ; pour plusieurs applications, Microsoft conseille une bibliothèque de composants.

Mode d'emploi

  • Volet de gauche : consigne, « Pourquoi ? », contrôles, bouton Copier, Afficher un indice.
  • Étape suivante fait la manipulation à votre place ; Étape précédente l'annule.
  • Point de départ : NC Terrain à la fin du lab CX01 (formules nommées, compteur des non-conformités critiques).

Lab simulé

Sources

  • Vue d'ensemble des composants de canevas (Microsoft Learn) : Source
  • Propriétés des composants de canevas (Microsoft Learn) : Source
  • Bibliothèque de composants (Microsoft Learn) : Source