Prévisualiser les composants

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 1 minute de lecture

    • Lorsque vous créez ou gérez votre thème, vous pouvez prévisualiser les composants disponibles pour inclusion sur votre instance.

    Avant de commencer

    Rôle requis : ui_builder_admin

    Pour en savoir plus sur les rôles granulaires, reportez-vous à la section Granular admin roles.

    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 le fichier 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 Tous > Cadre de travail Now Experience > Générateur de thèmes.
      La Générateur de thèmes page de destination 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. Liste déroulante de pages
      Liste déroulante de la page avec l’éditeur sélectionné.
    3. Dans la liste déroulante Thème, sélectionnez le thème pour lequel vous souhaitez afficher les composants.
    4. Sélectionnez l’onglet Styles des composants .
      Les styles de composants sont répertoriés sous forme graphique.
      Styles des composants
    5. 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 .
        Liste des composants de filtre et de recherche.
      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, ouvrez la catégorie Actionnable , puis développez la liste des composants de bouton . 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
    6. Pour tester le rendu des composants à l’aide de différentes couleurs d’arrière-plan, cochez la case Couleur du canevas .
    7. Sélectionnez la couleur d’arrière-plan que vous souhaitez afficher et sélectionnez Appliquer.
      Figure 2. Couleur de canevas
      Couleur de canevas
      Nouvelle couleur d’arrière-plan

    Que faire ensuite

    Après avoir prévisualisé et sélectionné les composants souhaités, modifiez leurs propriétés pour affiner leur apparence. Pour plus d'informations, consultez Modifier des composants.