--- sourceDocument: Yokohama-Release-Hinweise sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/release-notes Release : - yokohama ft:locale : - de-DE ft:publication_title : - Yokohama-Release-Hinweise ft:clusterId : - rn bundleId : - rn --- # Next Experience-Komponenten Release-Hinweise # Next Experience-Komponenten Release-Hinweise {#ariaid-title1} * Freigeben Version: Yokohama * * Aktualisiert 30. Januar 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 Minuten Lesedauer Die ServiceNow® Next Experience-KomponentenWerden die Komponenten zum Erstellen anwenderdefinierter Anwenderoberflächen verwendet? Next Experience-KomponentenWurde in erweitert und aktualisiert YokohamaRelease. ## Next Experience-KomponentenHighlights für YokohamaRelease {#component-rn__component-rn-highlights} * Erstellen Sie umfassende UI-Experiences mit vorgefertigten System- oder anwenderdefinierten Komponenten. Um anzuzeigen Next Experience-KomponentenAPI-Referenz, Nutzungsanleitung und ServiceNow® UI BuilderRichten Sie die Dokumentation ein, besuchen Sie die [Dokument für Next Experience-Komponenten der Entwicklerwebsite](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?releases[]=washingtondc&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades). * Verwenden Sie allgemeine Muster und Prinzipien von Webkomponenten, z. B. ein JavaScript-Framework, unveränderliche Daten und einfache Aktionshandler. * Verwenden Sie Komponenten über mehrere Anwenderoberflächen hinweg erneut, um eine kohärente Experience für Ihre Endanwender zu schaffen. * Verwenden Sie voreingestellte Eigenschaftswerte, um Eigenschaften und Ereignis-Handler für eine Komponente automatisch zu konfigurieren, damit die Komponente funktionsbereit ist, wenn Sie sie einer Seite hinzufügen. Voreinstellungen können eine Verbindung zu einem Controller herstellen, der als Datenressource für die Komponente fungiert. Weitere Informationen finden Sie unter und . {#component-rn__ul_qhh_q44_s1c} ## Neu in YokohamaRelease {#component-rn__component-rn-new-features} {#component-rn__table_xlb_cfg_zcc__entry__2} | Komponente | Beschreibung | |-|-| | Aktiver Anruf | Verarbeitet Telefonanrufe als Teil der Komponente „Interaktionssteuerungen" (ICC). Verwaltet Anruffunktionen, einschließlich Aktionen wie Trennen, Stummschalten, Halten, Aufzeichnung und Übertragung. | | Animation | Platziert Lottie-Animationen in Next ExperienceSeiten oder Komponenten, die in erstellt wurden UI Builder. | | Wähltastatur | Wählen Sie eine Telefonnummer im Arbeitsbereich. | | Feedback | Erfasst detailliertes Feedback von Anwendern für KI-Produkte oder -Kompetenzen durch eine Reihe vordefinierter Optionen oder Freitextantworten. | | Filtergruppe | Gruppiert bis zu 3 Filterkomponenten in einem einzelnen Container mit konfigurierbarem Element Anwenden , Löschen , Und Zurücksetzen Schaltflächen, die für alle Filter in der Gruppe gelten. | | Flyout-Menü | Menü, das mehrere Ebenen von Optionen innerhalb einer hierarchischen Struktur organisiert. | | Knowledge-Ansicht | Einbettbarer Container, der einen rendert Next Experience Wissenartikelansicht. | | Ladeprogramm anwenderdefiniert | Rendert anwenderdefinierte Animationen mit einem optionalen Fortschrittsbalken und einer optionalen Bezeichnung. | | Gerüstladeprogramm | Dekorativer Platzhalter für generierten Inhalt. | [Tabelle : 1. Komponenten] {#component-rn__table_xlb_cfg_zcc} ## In diesem Release geändert {#component-rn__component-rn-changed-features} {#component-rn__table_qvp_xdg_zcd__entry__2} | Komponente | Erweiterung | |-|-| | Terminkalender | * Mehrere Zeitfenster auswählen * Fügen Sie anpassbare Kategorien für Terminfenster hinzu * Blenden Sie vergangene und nicht verfügbare Zeitfenster aus * Fügen Sie kontextbezogene Tags in Terminfenstern hinzu * Konfigurieren Sie die Anzahl der Zeilen, die in jedem Zeitfenster in den Ansichten „Tag" und „Tag" angezeigt werden * Konfigurieren Sie die Anpassung der Containerhöhe {#component-rn__ul_sfn_sn5_4dc} | | Anhänge | * Option zum Herunterladen aller Anhänge * Popup-Nachricht zur Bestätigung des Löschens von Anhängen überarbeitet {#component-rn__ul_j13_jfg_pdc} | | Avatar | Konfigurieren Sie den Avatar so, dass er sich als Schaltfläche oder Link verhält. | | Kalender | * DST-Unterstützung mit mehreren Zeitzonen in den Kalender- und Zeitleistenansichten * Header ausblenden * Mehrere Zeitzonen in der Zeitleistenansicht * Scrollsteuerung für die Kalender- und Zeitleistenansichten {#component-rn__ul_p22_4yl_qdc} | | E-Mail-Editor | Now Assist Vorschläge für generative KI für alle E-Mail-Szenarien, E-Mail-Vorlagen, Antwortvorlagen und Schnellnachrichten. | | E-Mail-Editor (Mini) | Now Assist Vorschläge für generative KI für alle E-Mail-Szenarien, E-Mail-Vorlagen, Antwortvorlagen und Schnellnachrichten. | | Formular | * Aktualisierungen des Konfigurationsbereichs * Aktualisierungen des Formularcontroller-Konfigurationsbereichs {#component-rn__ul_nh4_rfg_pdc} | | Formularvorlagen | * Vorlagen alphabetisch und nach zuletzt verwendeter Reihenfolge sortieren. * Neue Registerkarte für Favoriten, auf der Sie Vorlagen hinzufügen und entfernen können. * Größere Karten, die den Vorlagennamen und die Beschreibung nicht kürzen und den Zeitstempel der letzten Verwendung anzeigen. {#component-rn__ul_bzp_vfg_pdc} | | Hervorgehobener Wert | * Variante mittlerer Größe. * Anwenderdefinierte tooltip-Eigenschaft. {#component-rn__ul_owp_lyg_ldc} | | iFrame | Senden Sie Nachrichten an das iFramed-Dokument. | | Kanban-Tafel | * Mehrfachauswahl in Karten * Konfigurieren Sie die Auswahl von Abhängigkeitslinien * Fügen Sie einen sekundären Header hinzu {#component-rn__ul_xkx_b3m_qdc} | | Dialogfeld ohne Modus | Machen Sie das Dialogfeld dynamisch, und passen Sie die Größe automatisch an den Inhalt an. | | Knotenkarte | * Layout für die Darstellung von Diagrammen ohne Struktur oder Hierarchie erzwingen * Anwenderdefinierte Popover-Konfiguration in hierarchischen Layouts, Layered-Layouts und Force-Layouts * Anpassbare Knoten in nicht einheitlichen Layouts * Selbstreferenzierende Knoten, die mit Edges gekennzeichnet sind, die zurück zum Knoten führen * Exportieren Sie Karten in JPG und PNG * Aggregieren oder trennen Sie mehrere Verbindungen zwischen denselben Knoten {#component-rn__ul_ibn_f45_4dc} | | Label | Zeigen Sie den ausgewählten Pillenstatus an, der nicht standardmäßig angezeigt wird. | | Schnellfilter | * Konfigurieren Sie Abschnittsheader in der Typeahead-Dropdownliste * Konfigurieren Sie die Schaltfläche „Fußzeilenaktion" * Konfigurieren Sie den Platzhaltertextwert für das Eingabefeld {#component-rn__ul_vtf_cgg_pdc} | | Datensatzsuche | * Suchen Sie nach Kontakten nach Name, Telefonnummer oder E-Mail-Adresse * Zeigen Sie eine Vorschau der Ergebnisse auf der Auswahlliste in einem paginierten Formular an * Verknüpfen oder heben Sie die Verknüpfung eines Kontakts auf der Auswahlliste mit einem Fall schnell auf * Bearbeiten Sie Details für einen Datensatz, ohne auf den übergeordneten Datensatz zuzugreifen * Datensatzheader ausblenden * Konfigurieren Sie Suchergebnisse * Hervorgehobene Werte auf der verknüpften Karte rendern * Suchergebnisse anhand bestimmter Bedingungen qualifizieren (Referenzqualifizierer) * Felder mit leeren Werten ausblenden * Blenden Sie die Link-Schaltfläche aus * Karte erweitern oder reduzieren {#component-rn__ul_gwg_lgg_pdc} | | Stepper | * Standardisierte Schriftgröße (klein oder Mittel) für alle Schritte * Standardmäßig wird die Paginierung so angepasst, dass der aktuell ausgewählte Schritt angezeigt wird {#component-rn__ul_ehz_tdb_pdc} | [Tabelle : 2. Komponenten] {#component-rn__table_qvp_xdg_zcd} {#component-rn__table_eqq_1fg_zch__entry__2} | Diagramm | Erweiterung | |-|-| | Balkendiagramm | Informationen in Prozent (%), die den Diagramm-Tooltips und der Datentabelle unter dem Diagramm hinzugefügt wurden. | | Blase | Informationen in Prozent (%) zu Diagramm-Tooltips hinzugefügt. | | Geokarte | Informationen in Prozent (%), die den Diagramm-Tooltips und der Datentabelle unter dem Diagramm hinzugefügt wurden. | | Heatmap | * Informationen in Prozent (%), die den Diagramm-Tooltips und der Datentabelle unter dem Diagramm hinzugefügt wurden. * Wenn der Metrikwert auf „Anzahl" festgelegt ist, wird eine Null (0) angezeigt, wenn keine Daten verfügbar sind. {#component-rn__ul_t5k_gzv_ldc} | | Pivot-Tabelle | * Wenn im ausgewählten Datensatz oder für die Konfiguration kein Wert vorhanden ist, wählen Sie das Anzeigeformat aus. * Der Grenzwert für Datenquellen wurde von 10 auf 15 erhöht. {#component-rn__ul_dby_gsg_pdc} | | Zeitreihen | * Informationen in Prozent (%), die den Diagramm-Tooltips und der Datentabelle unter dem Diagramm hinzugefügt wurden. * Unterstützung für Geschäftskalender wie Gregorianischer, steuerlicher und alle manuell hinzugefügten Kalender. * Für alle Diagrammformate außer „Spalte:" * Wenn im ausgewählten Datensatz oder für die Konfiguration kein Wert vorhanden ist, wählen Sie das Anzeigeformat aus. * Wenn für Tabellendatenquellen keine Daten für eine bestimmte Zeit im Diagramm vorhanden sind, zeigen Sie für Tabellendatenquellen eine durchgehende Linie ohne Lücken an. {#component-rn__ul_vlr_gcw_ldc} * Zeigen Sie eine Diagramm- und Diagrammdatentabelle an, um den Zugriff auf das Bildschirmleser zu erleichtern. * Für Linien-, Spline-, Bereichs- und Schrittdiagramme wird an jedem Datenpunkt im Diagramm eine Markierung angezeigt, einschließlich der Werte, die null (0) sind oder fehlen. * Für ein Diagramm mit bis zu 3 Metriken können Sie alternative Gruppierungen für jede Metrik hinzufügen, aus der der Anwender auswählen kann. * Wird sortiert, wenn Daten gruppiert werden. * Option „neuer Datumsbereich" zum Festlegen des Periodenenddatums, das automatisch auf das aktuelle Datum aktualisiert wird. {#component-rn__ul_l52_4wv_ldc} | [Tabelle : 3. Datenvisualisierungen] {#component-rn__table_eqq_1fg_zch} {#component-rn__table_y2f_x1z_4dc__entry__2} | Vorlage | Beschreibung | |-|-| | Dashboards | * Pillen oben auf der Seite zeigen alle Kategorien an, die dem Dashboard zugewiesen sind * Anwenderavatare oben auf der Seite zeigen die Echtzeitbearbeitung an {#component-rn__ul_wh3_lyk_ydc} | [Tabelle : 4. Vorlagen] {#component-rn__table_y2f_x1z_4dc} {#component-rn__table_cr1_bfg_zce__entry__2} | Paket | Erweiterung | |-|-| | Datensatzliste | * Bedingungsgenerator, der im Listenheader verfügbar ist * Wenn Live-Liste aktiviert ist, ist das unbegrenzte Scrollen standardmäßig aktiviert {#component-rn__ul_azt_jdz_4dc} | [Tabelle : 5. Pakete] {#component-rn__table_cr1_bfg_zce} ## Aktivierungsinformationen {#component-rn__component-rn-activation} Next Experience-KomponentenIst ein Now PlatformStandardmäßig aktive Funktion.{#component-rn__component-rn-activation-1} ## Informationen zur Barrierefreiheit {#component-rn__component-rn-accessibility} Für Next Experience-KomponentenBarrierefreiheitskonformität, siehe ServiceNow [Abschnitt „Horizont-Site-Komponenten"](https://horizon.servicenow.com/workspace/components).{#component-rn__component-rn-accessibility-1} ## Zugehörig ServiceNowAnwendungen und Funktionen {#component-rn__component-rn-related-apps} [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) : UI Builder Ist ein Low-Code-Tool, mit dem Sie Seiten für webbasierte Experiences von Arbeitsbereichen und Portalen erstellen können. [Configurable Workspace UI](https://www.servicenow.com/docs/access?context=workspace-landing-page&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US) : Verwenden Sie Komponenten, um anwenderdefinierte Arbeitsbereichs-Experiences für Service Desk-Mitarbeiter zu erstellen, die interne oder externe Kundenprobleme lösen.