Support Power Platform - Apps - Automate - SharePoint - Copilot

Lab 4 – Créer l'interface utilisateur

Dans ce laboratoire, vous modifierez les couleurs des commandes de l'application.

Ce que vous apprendrez

  • Comment utiliser les thèmes
  • Comment personnaliser votre application

Étapes de laboratoire de haut niveau

  • Sélectionnez un thème
  • Personnalisation

Conditions préalables

  • Doit avoir terminé le laboratoire 3 : Créer une application canevas

Étapes détaillées

Exercice 1 – Thème

Tâche 1.1 – Modifier l’application

  1. Accédez au portail Power Apps Maker https://make.powerapps.com.
  2. Assurez-vous que vous êtes dans l'environnement Dev One.
  3. Sélectionnez l’onglet Applications dans le menu de gauche.
  4. Sélectionnez l'application Booking Request, sélectionnez les commandes (...) et sélectionnez Modifier > Modifier dans un nouvel onglet.

Tâche 1.2 – Sélectionner un thème

  1. Dans le menu de création d'application, sélectionnez Thème.
  2. Sélectionnez le thème Rouge.

Tâche 1.3 – Contrôles de marque

  1. Dans le menu de création d’applications, sélectionnez Arborescence.
  2. Développez la galerie BookingRequestList.
  3. Sélectionnez NextArrowX.
  4. Définissez la propriété Color de NextArrow dans la barre de formule sur :RGBA(164; 38; 44; 1) ou App.Theme.Colors.Primary
  5. Sélectionnez Body1.
  6. Définissez la propriété Color de Body dans la barre de formule sur :
If(ThisItem.Cost > 1000; App.Theme.Colors.Primary; Color.Black)
  1. Sélectionnez Enregistrer en haut à droite de Power Apps Studio.

Exercice 2 – Personnalisation

Tâche 2.1 – Ajouter une étiquette d’utilisateur

  1. Sélectionnez l'extérieur de la galerie sur le canevas vierge ou sélectionnez l' écran principal.
  2. Dans le menu de création de l'application, sélectionnez Insérer (+).
  3. Sélectionnez Étiquette de texte.
  4. Faites glisser l’étiquette vers le coin supérieur droit de l’écran.
  5. Dans le menu de création d’applications, sélectionnez Arborescence.
  6. Renommez l'étiquette en UserLabel.
  7. Définissez les propriétés de l'étiquette dans la barre de formule comme suit :
    1. X=1100
    2. Y=20
    3. Height=40
    4. Width=250
    5. Align=Align.Right
    6. Size=18
    7. PaddingRight =10
    8. Color=Color.White
    9. Text=User().FullName (Fonction User - Power Platform )
    image.png
  8. Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
  9. Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes, puis sélectionnez Quitter pour quitter l'application.