Prévisualiser les composants

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 1 minute de lecture
  • Lorsque vous créez ou gérez votre thème, vous pouvez prévisualiser les composants disponibles pour l’inclusion sur votre instance.

    Avant de commencer

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    Les composants que vous pouvez prévisualiser dans Générateur de thèmes ont été créés dans Now Système de design. Pour plus d’informations, consultez Composants Next Experience sur le ServiceNow site développeur.

    Procédure

    1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
      La page de destination du générateur de thèmes s’affiche dans la vue de la page d’accueil.
    2. Utilisez la liste déroulante Page pour sélectionner la vue de page de l’éditeur.
      Figure 1. Vue de la page de l’éditeur
      Vue de la page de l’éditeur
    3. Sélectionnez l’onglet Styles des composants .
      Les styles de composants sont répertoriés graphiquement.
      Styles des composants
    4. Vous pouvez faire défiler la liste pour afficher tous les composants disponibles ou filtrer la liste pour afficher des types de composants spécifiques.
      1. Sélectionnez l’icône Filtre ( Filtre).
        Liste de filtres
      2. Développez les catégories de composants que vous souhaitez afficher et sélectionnez les composants spécifiques dans ces catégories que vous souhaitez afficher.
        Remarque :
        Par exemple, pour afficher les composants de tous les boutons primaires, développez la catégorie Bouton et sélectionnez les composants Primaire, Primaire positif et Primaire négatif . La liste affiche les composants que vous avez sélectionnés.
        Exemple de filtrage
    5. Pour tester le rendu des composants à l’aide de différentes couleurs d’arrière-plan, cochez la case Couleur du canevas .
      Figure 2. Couleur de canevas
      Couleur de canevas
    6. Sélectionnez la couleur d’arrière-plan que vous souhaitez afficher et sélectionnez Appliquer.
      Nouvelle couleur d’arrière-plan