Prévisualiser les composants

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 1 minute de lecture
  • Au fur et à mesure que vous créez ou gérez votre thème, vous pouvez prévisualiser les composants disponibles pour inclusion dans votre instance.

    Avant de commencer

    Rôle requis : administrateur

    Pourquoi et quand exécuter cette tâche

    Les composants dans Générateur de thèmes lesquels vous pouvez afficher un aperçu ont été créés dans Now Système de design. Pour plus d’informations, consultez Composants Next Experience sur le site Developer ServiceNow .

    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 Page d’accueil.
    2. Dans la vue de la page d’accueil, sélectionnez la vue de la page Éditeur.
      Figure 1. Vue de la page de l’éditeur
      Vue de la page de l’éditeur
    3. Sélectionnez l’onglet Styles de composant .
      Les styles du composant 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 à l’intérieur de 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