Skip to main content

Définir un thème et un logo pour un portail

Logo Pega Community

Note : Le contenu suivant, qui provient de Pega Community, est inclus ici pour vous aider à atteindre plus facilement les objectifs d'apprentissage du module.

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.
  1. Dans le volet de navigation d’App Studio, cliquez sur Settings Theme .

  2. Dans la liste Show on banner, sélectionnez les éléments que vous souhaitez afficher sur la bannière de votre portail.

  3. 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é
    1. 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.

    2. Cliquez sur Submit.

  4. Dans la section Theme, sélectionnez le thème de couleurs que vous souhaitez utiliser dans le portail.

  5. Facultatif :

    Pour personnaliser un thème, cliquez sur le thème que vous souhaitez modifier, puis apportez vos modifications :

    Choix Actions
    Changer une couleur
    1. Dans la section Colors, cliquez sur la couleur que vous voulez changer.

    2. 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
    1. Dans la section Colors, cliquez sur Add theme color.

    2. Dans le champ Theme color, saisissez le nom du composant, puis cliquez sur la couleur attribuée par défaut au composant.

    3. 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
    1. Dans la section Text, cliquez sur Add theme text.

    2. Dans la section Text, définissez la police de caractères, son épaisseur et sa taille pour le composant que vous souhaitez modifier.

  6. 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.

  7. 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.

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice