Assurez la cohérence de votre identité visuelle en configurant le design graphique de votre portail. En retouchant le logo et la palette de couleurs de l’interface, vous pouvez adapter votre application aux exigences de votre entreprise en termes d’image de marque.
Vous pouvez par exemple sélectionner un thème de couleurs par défaut pour les éléments de l’interface utilisateur, comme les boutons, les liens et les polices.-
Dans le volet de navigation d’App Studio, cliquez sur
. -
Dans la liste Show on banner, sélectionnez les éléments que vous souhaitez afficher sur la bannière de votre portail.
-
Cliquez sur Change logo, et choisissez ensuite le type de logo que vous souhaitez utiliser :
Choix Actions Logo fourni par Pega Dans la fenêtre des paramètres de logo, dans la liste des graphiques, sélectionnez un logo, puis cliquez sur Submit. Logo personnalisé -
Dans la fenêtre des paramètres de logo, cliquez sur Upload logo, puis sélectionnez votre fichier.
Les types de fichiers pris en charge sont les suivants : JPG, PNG et GIF.
-
Cliquez sur Submit.
-
-
Dans la section Theme, sélectionnez le thème de couleurs que vous souhaitez utiliser dans le portail.
- Facultatif :
Pour personnaliser un thème, cliquez sur le thème que vous souhaitez modifier, puis apportez vos modifications :
Choix Actions Changer une couleur -
Dans la section Colors, cliquez sur la couleur que vous voulez changer.
-
Dans la fenêtre de la palette de couleurs, choisissez la couleur que vous voulez attribuer au composant, puis cliquez sur Save.
Ajouter une couleur -
Dans la section Colors, cliquez sur Add theme color.
-
Dans le champ Theme color, saisissez le nom du composant, puis cliquez sur la couleur attribuée par défaut au composant.
-
Dans la fenêtre de la palette de couleurs, choisissez la couleur que vous voulez attribuer au composant, puis cliquez sur Save.
Changer une police Dans la section Text, définissez la police de caractères, son épaisseur et sa taille pour le composant que vous souhaitez modifier. Ajouter une police -
Dans la section Text, cliquez sur Add theme text.
-
Dans la section Text, définissez la police de caractères, son épaisseur et sa taille pour le composant que vous souhaitez modifier.
-
- Facultatif :
Pour réinitialiser toutes les options de couleur et de texte à leurs valeurs par défaut pour le thème, cliquez sur Reset to default.
-
Cliquez sur Save.
- Personnaliser des contrôles au moment de l’exécution
Dans App Studio, vous pouvez personnaliser le style de nombreux types de contrôles au moment de l’exécution, au lieu de modifier l’habillage de l’application dans Dev Studio. Par exemple, vous pouvez spécifier la couleur du texte, le remplissage et la couleur de l’arrière-plan, ainsi que la largeur et la couleur de la bordure pour les contrôles de liste déroulante. La personnalisation des styles directement dans App Studio vous fait gagner du temps dans le développement.