Passen Sie themenfähige leere Statusbilder für Ihr Design an

Passen Sie standardmäßige themenfähige leere Statusbilder für Ihren an Next Experience Und Themengenerator Designs, die den Bilddatensatz des Designs verwenden.

Vorbereitungen

Erforderliche Rolle: Administrator

Warum und wann dieser Vorgang ausgeführt wird

Wichtig:

Sie können leere Statusbilder für Arbeitsbereiche anpassen, die Anpassung wird jedoch in nicht unterstützt Core-UI.

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > Designs > UX-Designsan.
2. Wählen Sie Ihr Design aus der Tabelle „UX-Designs“ aus.
   Der UX-Designdatensatz für das ausgewählte Design wird angezeigt.
3. Von Kompositorisches App-Design Wählen Sie die Registerkarte aus Bilder Datensatz.
4. Geben Sie im Datensatz „Bildstil“ die folgenden leeren Status-Bildthema-Haken in ein Stil Feld.

   {
       "properties": {
           "--now-illustration--add-attachment-sm--url": "",
           "--now-illustration--add-attachment-md--url": "",
           "--now-illustration--add-attachment-lg--url": "",
           "--now-illustration--add-data-sm--url": "",
           "--now-illustration--add-data-md--url": "",
           "--now-illustration--add-data-lg--url": "",
           "--now-illustration--completed-tasks-sm--url": "",
           "--now-illustration--completed-tasks-md--url": "",
           "--now-illustration--completed-tasks-lg--url": "",
           "--now-illustration--error-sm--url": "",
           "--now-illustration--error-md--url": "",
           "--now-illustration--error-lg--url": "",
           "--now-illustration--first-time-user-sm--url": "",
           "--now-illustration--first-time-user-md--url": ""
           "--now-illustration--first-time-user-lg--url": "",
           "--now-illustration--interrupted-sm--url": "",
           "--now-illustration--interrupted-md--url": "",
           "--now-illustration--interrupted-lg--url": "",
           "--now-illustration--no-data-sm--url": "",
           "--now-illustration--no-data-md--url": "",
           "--now-illustration--no-data-lg--url": "",
           "--now-illustration--no-search-results-sm--url": "",
           "--now-illustration--no-search-results-md--url": "",
           "--now-illustration--no-search-results-lg--url": "",
           "--now-illustration--offline-sm--url": "",
           "--now-illustration--offline-md--url": "",
           "--now-illustration--offline-lg--url": "",
           "--now-illustration--permissions-sm--url": "",
           "--now-illustration--permissions-md--url": "",
           "--now-illustration--permissions-lg--url": "",
           "--now-illustration--unconfigured-sm--url": "",
           "--now-illustration--unconfigured-md--url": "",
           "--now-illustration--unconfigured-lg--url": "",
           "--now-illustration--no-activities-sm--url": "",
           "--now-illustration--no-activities-md--url": "",
           "--now-illustration--no-activities-lg--url": "",
       }
   }

5. Fügen Sie Ihr anwenderdefiniertes Bild auf eine der folgenden Arten hinzu.
   • Fügen Sie der Liste „UX-Stil-Assets“ ein Bild hinzu.
     1. Auf der Assets im UX-Stil Wählen Sie die Registerkarte aus Neu .
     2. Wählen Sie das Suchsymbol Neben Asset Element.
     3. Wählen Sie in der Liste UX-Design-Assets die Option aus Neu .
     4. Wählen Sie das Symbol Anhänge verwalten Um ein Bild hinzuzufügen.
     5. Wenn das Bild-Asset hochgeladen wird, schließen Sie das Fenster Anhänge.
        Hinweis:

        Überprüfen Sie, ob Ihr Bild im SVG-Format vorliegt.
     6. Geben Sie den Dateinamen des Assets in ein Name Feld und wählen Sie aus Übermitteln . Das Asset wird der Liste UX-Stil-Assets hinzugefügt.
     7. Wählen Sie das Asset aus der Liste UX-Stil-Assets aus, halten Sie es gedrückt (oder klicken Sie mit der rechten Maustaste), und wählen Sie aus Kopieren Sie die sys_ID .
     8. Geben Sie die sys_ID im Feld Stil im folgenden Format ein: „/uxta/ENTERYOURSYSID.assetx“
   • Fügen Sie Ihr anwenderdefiniertes Bild der Tabelle „Bilder“ [DB_images_list.do] hinzu.
     Hinweis:

     Überprüfen Sie, ob Ihr Bild im SVG-Format vorliegt.
     1. Detaillierte Anweisungen hierzu finden Sie unter Laden Sie mindestens ein Bild hoch.
     2. Geben Sie im Datensatz „Bildstil“ den Namen der Bilddatei in ein Stil Feld im folgenden Format: „/DATEINAME.svg“ .
6. Wählen Sie Aktualisieren.
   Die anwenderdefinierten Bilder werden in Ihrem Design angezeigt.
7. Wahlweise: Passen Sie die Farben Ihrer leeren Statusbilder mithilfe des UX-Stilfarbdatensatzes an, der Ihrem Design zugeordnet ist, um die Standardthemenhaken zu überschreiben.

   Ein Schritt-für-Schritt-Tutorial zum Bearbeiten Ihres UX-Stilfarbdatensatzes finden Sie unter Übung 3, Aktivität 2 und 3 des Next Experience-Workshop In der ServiceNow-Community.

   Hinweis:

   Es wird empfohlen, die standardmäßigen Designhaken zu verwenden.