Appliquer un thème et un style
Archived
3 Tâches
5 mins
Scénario
L’équipe marketing d’InsCorp vous a demandé de personnaliser le thème de l’application GoGoRoad afin qu’il reflète la marque de l’entreprise. Appliquez les couleurs et le logo de l’entreprise au thème de l’application.
Vous trouverez dans le tableau suivant les identifiants dont vous avez besoin pour relever le défi.
| Rôle | Nom d’utilisateur | Mot de passe |
|---|---|---|
| Développeur d’applications | author@gogoroad | pega123! |
Présentation du défi
Détail des tâches
1 Modifier le logo de l’application
- Dans le volet de navigation d’App Studio, cliquez sur Settings > Theme.
- Cliquez sur Change logo pour remplacer le logo par un logo existant ou un nouveau logo.
- Dans la boîte de dialogue, sélectionnez un logo existant et cliquez sur Submit.
Note: Pour les besoins de ce défi, utilisez un logo prêt à l’emploi.
- Vérifiez que le logo à gauche du bouton Change logo est bien celui que vous avez sélectionné.
2 Modifier le thème de l’application
- Dans la section Theme du thème de l’application, cliquez sur un thème.
- Vérifiez que la couleur d’arrière-plan du logo et les couleurs de la section qui suit correspondent aux couleurs du thème sélectionné.
- Dans la section Colors, sélectionnez la case Links pour ouvrir une boîte de dialogue dans laquelle vous pouvez modifier la couleur des liens de l’application.
- Dans le champ Hex value, saisissez 0000EE.
- Cliquez sur Save pour que les liens s’affichent désormais en bleu.
- Dans la section Text, à droite de Heading 1, cliquez sur la deuxième liste déroulante et sélectionnez Bold.
- À droite de Heading 1, dans le troisième champ, saisissez la valeur 20.
- Cliquez sur Save pour appliquer les modifications apportées au thème de l’application GoGoRoad.
3 Vérifier votre travail
- Dans l’en-tête d’App Studio, cliquez sur Preview application pour visualiser les modifications apportées au thème et au logo.
- Vérifiez que l’en-tête de l’application utilise le nouveau logo et les nouvelles couleurs du thème.
