Support Power Platform - Apps - Automate - SharePoint - Copilot

[Lab CX03] Aligner les boutons dans un conteneur horizontal

💡
Lab simulé | 30 minutes | Brévalis Industries. Camille Lefort range les boutons de la liste de NC Terrain dans un conteneur horizontal : quand Escalader est masqué pour une fiche critique, Signaler à Yann prend sa place. Écran déduit sans capture : menu « Options de collage » (Couper) de la barre de commandes.

Objectif

Utiliser un conteneur à disposition automatique pour aligner des contrôles sans calculer leur position, et voir comment un contrôle masqué libère sa place.

Étapes

  1. Insérer un conteneur horizontal sur scrListe (Insérer, Disposition), renommé conBoutons.
  2. Placer le conteneur : X 40, Y 779, Largeur 560, Hauteur 40.
  3. Ranger les trois boutons : pour btnCritiques, btnEscalader puis btnSignaler, Couper (Ctrl+X), puis ... de conBoutons, Coller.
  4. Espacer les boutons : conBoutons, LayoutGap : 12.
  5. Masquer Escalader pour une fiche critique : btnEscalader, Visible : galNC.Selected.Gravité <> 'Gravité (Non-conformités)'.Critique.
  6. Vérifier dans l'aperçu : NC-2026-003 (critique) sans Escalader, NC-2026-001 (majeure) avec.
  7. Enregistrer une nouvelle version.
  8. Répondre au questionnaire de fin de lab (10 questions, réussite à 80 %).

Ce que le lab fait comprendre

  • Un conteneur horizontal ou vertical dispose ses contrôles automatiquement ; le conteneur simple les laisse à leur position.
  • L'ordre des contrôles dans le conteneur fixe leur place ; leurs X et Y sont ignorés.
  • LayoutGap règle l'espace entre les contrôles en un seul endroit.
  • Dans l'application, un contrôle masqué ne prend plus de place : les suivants se décalent.
  • Ces conteneurs sont la base des écrans réactifs, qui s'adaptent à la taille de l'appareil.

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 CX02 (en-tête cmpEntete sur l'accueil et sur la liste).

Lab simulé

Sources

  • Créer des applications canevas réactives (Microsoft Learn) : Source
  • Contrôle Conteneur (Microsoft Learn) : Source
  • Propriété Visible des contrôles (Microsoft Learn) : Source