Power Platform - Apps - Automate - SharePoint
Power Platform - Apps - Automate - SharePoint
PL-7001 - Power Apps Canvas

icon picker
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

Accédez au portail Power Apps Maker .
Assurez-vous que vous êtes dans l'environnement Dev One.
Sélectionnez l’onglet Applications dans le menu de gauche.
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

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

Tâche 1.3 – Contrôles de marque

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

Exercice 2 – Personnalisation

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

Sélectionnez l'extérieur de la galerie sur le canevas vierge ou sélectionnez l' écran principal .
Dans le menu de création de l'application, sélectionnez Insérer (+) .
Sélectionnez Étiquette de texte .
Faites glisser l’étiquette vers le coin supérieur droit de l’écran.
Dans le menu de création d’applications, sélectionnez Arborescence .
Renommez l'étiquette en UserLabel.
Définissez les propriétés de l'étiquette dans la barre de formule comme suit :
X=1100
Y=20
Height=40
Width=250
Align=Align.Right
Size=18
PaddingRight =10
Color=Color.White
Text=User().FullName
image.png
Sélectionnez Enregistrer en haut à droite de Power Apps Studio.
Sélectionnez le bouton <- Retour en haut à gauche de la barre de commandes, puis sélectionnez Quitter pour quitter l'application.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.