Passen Sie themenfähige Bilder des leeren Status für Ihr Thema an

Passen Sie für Ihre Next Experience - und Themengenerator -Designs mithilfe des Bilderdatensatzes des Designs standardmäßige designfähige Bilder mit leerem Status an.

Vorbereitungen

Erforderliche Rolle: Administrator

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > Designs > UX-Designs.
2. Wählen Sie Ihr Design aus der Tabelle „UX-Designs“ aus.
   Der UX-Designdatensatz für das von Ihnen ausgewählte Design wird angezeigt.
3. Wählen Sie auf der Registerkarte „Compositional App-Design“ den Datensatz „Imagery“ aus.
4. Geben Sie im Datensatz „Bilderstil“ die folgenden Bilddesign-Hooks für den leeren Status in das Feld Stil ein.

   {
       "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 Image auf eine der folgenden Arten hinzu.
   • Fügen Sie der Liste der UX-Stil-Assets ein Bild hinzu.
     1. Wählen Sie auf der Registerkarte UX-Stil-Assets die Option Neuaus.
     2. Wählen Sie das Suchsymbol ( ) neben dem Element Asset.
     3. Wählen Sie in der Liste der UX-Design-Assets 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:

        Stellen Sie sicher, dass Ihr Bild im SVG-Format vorliegt.
     6. Geben Sie den Dateinamen des Assets in das Feld Name ein, und wählen Sie Absendenaus. Das Asset wird der Liste der UX-Stil-Assets hinzugefügt.
     7. Wählen Sie das Asset in der Liste „UX-Stil-Assets“ aus, und halten Sie es (oder klicken Sie mit der rechten Maustaste darauf), und wählen Sie sys_id kopierenaus.
     8. Geben Sie die sys_id im Feld Stil im folgenden Format ein: "/uxta/EnterYoursysID.assetx"
   • Fügen Sie der Tabelle „Images“ [db_images_list.do] Ihr anwenderdefiniertes Image hinzu.
     Hinweis:

     Stellen Sie sicher, dass Ihr Bild im SVG-Format vorliegt.
     1. Detaillierte Anweisungen hierzu finden Sie unter Laden Sie ein oder mehrere Bilder hoch.
     2. Geben Sie aus dem Datensatz „Bilderstil“ den Namen der Bilddatei in das Feld Stil ein, indem Sie das folgende Format verwenden: "/FILENAME.svg".
6. Wählen Sie Aktualisieren.
   Die anwenderdefinierten Bilder werden in Ihrem Design angezeigt.
7. Wahlweise: Passen Sie die Farben Ihrer Bilder für den leeren Status mit dem Ihrem Design zugeordneten UX-Stil-Farbdatensatz an, um die Standard-Design-Hooks zu überschreiben.

   Eine Schritt-für-Schritt-Anleitung zum Bearbeiten Ihres UX-Stilfarbe-Datensatzes finden Sie unter Übung 3, Aktivität 2 und 3 des Next Experience-Workshops in der ServiceNow Community.

   Hinweis:

   Es wird empfohlen, die Standard-Design-Hooks zu verwenden.