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

icon picker
Lab 4 – Créer l'interface utilisateur

Gonzague Ducos
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
https://make.powerapps.com
⁠
.
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 la barre d’action de Power Apps Studio, sélectionnez Thème. ​
Capture d'écran des thèmes sélectionnés.
⁠
⁠
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) ​
Fonctions If et Switch - Power Platform
⁠
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 ​
Fonction User - Power Platform
⁠
⁠
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.
Ce que vous apprendrez
Étapes de laboratoire de haut niveau
Conditions préalables
Étapes détaillées
Exercice 1 – Thème
Tâche 1.1 – Modifier l’application
Tâche 1.2 – Sélectionner un thème
Tâche 1.3 – Contrôles de marque
Exercice 2 – Personnalisation
Tâche 2.1 – Ajouter une étiquette d’utilisateur
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.