Support Power Platform - Apps - Automate - SharePoint - Copilot

[Lab CX03] Aligner les boutons et appliquer le thème Brévalis

💡
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, voir comment un contrôle masqué libère sa place, puis donner à l'application les couleurs de Brévalis avec un thème moderne personnalisé.

É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. Appliquer le thème Brévalis : volet de gauche, Plus (...) puis Thèmes ; Ajouter un thème, Créer un thème personnalisé ; nom Brévalis, couleur 742774, Créer ; dans la boîte Appliquer aux contrôles classiques, Activer.
  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

  • 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.
  • Avec les contrôles et thèmes modernes, le thème se choisit dans le volet Thèmes et non plus dans la barre de commandes ; il fixe la propriété App.Theme.
  • Un thème personnalisé part d'une couleur principale dont Power Apps tire une palette de 16 nuances ; les contrôles classiques ne suivent le thème que si vous l'acceptez.

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).
  • La barre de formule s'agrandit avec son chevron ou en tirant son bord inférieur ; Mettre le texte en forme indente une formule longue.

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
  • Utiliser les thèmes modernes dans les applications canevas (Microsoft Learn) : Source