Zeigen Sie eine Vorschau der Komponenten an

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer
  • Während Sie Ihr Design erstellen oder verwalten, können Sie eine Vorschau der Komponenten anzeigen, die für die Integration in Ihre Instanz verfügbar sind.

    Vorbereitungen

    Erforderliche Rolle: admin

    Warum und wann dieser Vorgang ausgeführt wird

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

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > Themes > Themengenerator.
      Die Zielseite des Themengenerators wird in der Homepage-Ansicht angezeigt.
    2. Wählen Sie auf der Schaltfläche „ Startseite “ die Seitenansicht „ Editor “ aus.
      Abbildung : 1. Editor-Seitenansicht
      Editor-Seitenansicht
    3. Wechseln Sie zur 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 Arten von Komponenten anzuzeigen.
      1. Wählen Sie das Filtersymbol ( Filter) aus.
        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 dargestellt 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 Übernehmen.
      Neue Hintergrundfarbe