Zeigen Sie eine Vorschau der Komponenten an

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 1 Minute Lesedauer
  • Während Sie Ihr Design erstellen oder verwalten, können Sie eine Vorschau der Komponenten anzeigen, die zur Aufnahme in Ihre Instanz verfügbar sind.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

    Die Komponenten, die Sie in Themengenerator in der Vorschau anzeigen können, wurden in Now Design Systemerstellt. Weitere Informationen finden Sie unter Next Experience-Komponenten auf der Developer Site ServiceNow.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > Designs > Themengenerator.
      Die Zielseite des Themengenerators wird in der Homepage-Ansicht angezeigt.
    2. Verwenden Sie die Dropdown-Liste Seite, um die Editor-Seitenansicht auszuwählen.
      Abbildung : 1. Editor-Seitenansicht
      Editor-Seitenansicht
    3. Wählen Sie die Registerkarte Komponentenstile.
      Die Komponentenstile werden grafisch aufgelistet.
      Komponentenstile
    4. Sie können durch die Liste scrollen, um alle verfügbaren Komponenten anzuzeigen, oder die Liste filtern, um bestimmte Komponententypen anzuzeigen.
      1. Wählen Sie das Filtersymbol ( Filter).
        Filterliste
      2. Erweitern Sie die Kategorien der Komponenten, die Sie anzeigen möchten, und wählen Sie die spezifischen Komponenten innerhalb dieser Kategorien aus, die Sie anzeigen möchten.
        Hinweis:
        Um beispielsweise Komponenten für alle primären Schaltflächen anzuzeigen, erweitern Sie die Kategorie Schaltfläche, und wählen Sie die Komponenten Primär, Primär positivund Primär negativ aus. In der Liste werden die von Ihnen ausgewählten Komponenten angezeigt.
        Filterbeispiel
    5. Um zu testen, wie die Komponenten mit verschiedenen Hintergrundfarben gerendert werden, aktivieren Sie das Kontrollkästchen Canvas-Farbe.
      Abbildung : 2. Canvas-Farbe
      Canvas-Farbe
    6. Wählen Sie die Hintergrundfarbe aus, die Sie anzeigen möchten, und wählen Sie Anwenden.
      Neue Hintergrundfarbe