Leere Statusabbildungen mit anwenderdefinierten Bildern überschreiben

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 2 Minuten Lesedauer

    • Ändern oder überschreiben Sie die standardmäßigen Abbildungen des leeren Status mit Ihren eigenen anwenderdefinierten Bildern, um sicherzustellen, dass visuelle Elemente das Branding Ihres Unternehmens widerspiegeln.

    Vorbereitungen

    Um Ihr Bilddesign zu ermöglichen, fügen Sie Ihrem Code die folgenden zwei Design-Token mit Ihrem bevorzugten Texteditor hinzu, bevor Sie die anwenderdefinierte SVG in hochladen Themengenerator. 
    • --empty-state--main-object--fill
    • --empty-state--main-object—outline
    Weitere Informationen finden Sie unter Arbeiten mit Bildstilen.

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

    Wichtig:
    Anwenderdefinierte Bilder gelten für Arbeitsbereiche und werden in nicht unterstützt Core-UI.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > Designs > Themengeneratoran.
      Die Themengenerator Zielseite wird in einer neuen Registerkarte geöffnet und in der Homepage-Ansicht angezeigt.
    2. Verwenden Sie die Dropdown-Liste Seite, um die Seitenansicht Editor auszuwählen.
      Abbildung : 1. Editor-Seitenansicht
      Beispielansicht der Editor-Seite.
    3. Wählen Sie in der Dropdown-Liste Design das Design aus, das Sie bearbeiten möchten.
    4. Wählen Sie aus Bildstile Registerkarte im Bereich „Allgemeine Stile“.
      Die leeren Statusabbildungen werden in der Hauptphase angezeigt und nach Typ gruppiert.
      Abbildung : 2. Registerkarte „Bildstile“ ausgewählt
      Registerkarte „Bildstile“ ausgewählt, wobei leere Statusabbildungen in der Hauptphase aufgeführt und der Eigenschaftsbereich geöffnet ist.
    5. Verwenden Sie eine der folgenden Optionen, um die leere Statusabbildung auszuwählen, die Sie überschreiben möchten.
      • Wählen Sie das Filtersymbol aus Symbol und erweitern Sie die Kategorie „leerer status“, um die spezifische Abbildung des leeren Status auszuwählen, die Sie überschreiben möchten.
      • Scrollen Sie durch die Liste der leeren Statusabbildungen innerhalb der Hauptphase.
      Der Eigenschaftsbereich wird automatisch geöffnet.
    6. Wählen Sie im Eigenschaftsbereich die aus Bilder Registerkarte.
      Abbildung : 3. Registerkarte „Bilder“ des Eigenschaftsbereichs
      Eigenschaftsbereich mit ausgewählter Registerkarte „Bilder“.
    7. Wählen Sie entweder die große, mittlere oder kleine Bilddatei der Abbildung aus, die Sie überschreiben möchten.
      Hinweis:
      Sie können jeweils nur eine Bildgröße überschreiben.
      Das Modal „Bilder hochladen“ wird angezeigt.
      Abbildung : 4. Modal „Bilder hochladen“
      Modales Element „Bild hochladen“.
    8. Verwenden Sie eine der folgenden Optionen, um Ihr anwenderdefiniertes Bild hochzuladen:
      • Wählen Sie Aus Durchsuchen , Wählen Sie Ihre anwenderdefinierte Bilddatei im Dateibrowser Ihres Computers aus, und wählen Sie aus Öffnen .
      • Ziehen Sie Ihre anwenderdefinierte Bilddatei aus dem Dateibrowser Ihres Computers, und legen Sie das Bild direkt im Modal ab.
      Informationen zu Größen- und Formatbeschränkungen finden Sie im modalen Element „Bild hochladen“. Wenn Ihr anwenderdefiniertes Bild die erforderliche Größe und das erforderliche Format nicht erfüllt, wird Ihr Bild nicht gespeichert.
      Abbildung : 5. Modales Element zum Hochladen von Bildern mit Größenbeschränkungen und Formatbeschränkungen
      Modales Element „Bild hochladen“ mit „Durchsuchen ausgewählt“ und erweiterten Dateibeschränkungen.
    9. Wählen Sie Speichern.
      Ihr anwenderdefiniertes Bild wird in der Hauptphase innerhalb der leeren Statuskategorie angezeigt, die Sie ausgewählt haben.
      Abbildung : 6. Leere Statuskategorie „Daten hinzufügen“ mit angezeigtem anwenderdefinierten Bild
      Illustrationskategorie „Daten hinzufügen – leerer Status“ mit angezeigtem anwenderdefinierten Bild.
      Abbildung : 7. Leere Statuskategorie „Daten hinzufügen“ mit angezeigtem anwenderdefinierten Bild (auf Bild angewendete Designtoken)
      Illustrationskategorie „Daten mit leerem Status hinzufügen“ mit angezeigtem anwenderdefinierten Bild (Designtoken, die vor dem Hochladen auf das Bild angewendet wurden).
    10. Wahlweise: Wählen Sie das Symbol „Überschreibung entfernen“ aus, wenn Sie die standardmäßige Abbildung des leeren Status wiederherstellen möchten.
      Abbildung : 8. Überschreibung der Bildentfernung
      Registerkarte „Bilder“ mit „Überschreibung entfernen“ ausgewählt.
    11. Wahlweise: Zeigen Sie eine Vorschau Ihrer Änderungen an, bevor Sie Ihr Design in Ihrer Instanz veröffentlichen.
      1. Wählen Sie aus Experience-Vorschau Registerkarte im Bereich „Globale Stile“.
        Registerkarte „Experience-Vorschau“.
      2. Wählen Sie in der Dropdown-Liste Experience die Experience aus, die Sie in der Vorschau anzeigen möchten.
        Dropdown-Liste „Experience“.
      3. Wählen Sie das Symbol in neuer Registerkarte öffnen Um die Experience auf einer neuen Registerkarte zu öffnen.

    Ergebnisse

    Sobald Sie Ihr anwenderdefiniertes Bild mit den beiden angewendeten Design-Token hochgeladen haben, können Sie die Farben mit anpassen Themengenerator Genau wie für standardmäßige Abbildungen des leeren Status. Informationen zum Anpassen von Farben finden Sie unter Passen Sie die Farben für leere Statusabbildungen und anwenderdefinierte Bilder an.

    Wenn Ihr Design veröffentlicht wird, sind Ihre anwenderdefinierten Bilder für Anwender sichtbar, deren Design bei der Aktualisierung angewendet wird. Weitere Informationen zum Veröffentlichen von Designs finden Sie unter Veröffentlichen Sie Ihre Designs mit Themengenerator.