---
sourceDocument: Yokohama Erstellen oder ändern Sie Anwendungen
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - de-DE

ft:publication_title :

    - Yokohama Erstellen oder ändern Sie Anwendungen

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

Arbeitsbereich-Generator -Komponenten für Homepages
===================================================

Arbeitsbereich-Generator -Komponenten für Homepages {#ariaid-title1}
====================================================================

* Freigeben Version: Yokohama
* 
* Aktualisiert 30. Januar 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 Minute Lesedauer

Mehrere UI Builder -Komponenten sind als Elemente zum Erstellen von Homepages und kontextbezogenen Seitenbereichen in Arbeitsbereich-Generatorverfügbar. Arbeitsbereich-Generator hilft Ihnen, Arbeitsbereiche in App Engine Studio (AES) schnell zu erstellen.
Ausführliche Informationen zu allen Elementen und Komponenten finden Sie unter [ServiceNow® Developer Site](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?availability%5B%5D=Draft&availability%5B%5D=In+Progress&availability%5B%5D=Available&categories%5B%5D=Dev-Design+System&releases%5B%5D=utah&query=&order_by=nameAsc&limit=120&offset=0&categories%5B%5D=uib_component&categories%5B%5D=uib_macroponent-component&categories%5B%5D=uib_facades).

Datenvisualisierungskomponenten {#workspace-builder-components-ref__section_ohb_2sh_fvb}
----------------------------------------------------------------------------------------

Die Datenvisualisierungskomponente ist ein Container für verfügbare Diagrammtypen zur Verwendung auf Homepages Arbeitsbereich-Generator von . Wählen Sie den Diagrammtyp aus, um Daten je nach Anwendung unterschiedlich anzuzeigen. Sie können eine neue Datenvisualisierung erstellen oder eine vorhandene Datenvisualisierung wiederverwenden, indem Sie sie im Modal Visualisierung aus Bibliothek auswählen auswählen und Zu Dashboard hinzufügenauswählen.  
Weitere Informationen zu Datenvisualisierungskomponenten finden Sie in den folgenden Themen und Quellen:

* [Data visualizations in Platform Analytics](https://www.servicenow.com/docs/access?context=analytics-center-data-visualizations&version=yokohama&pubname=yokohama-now-intelligence&ft:locale=en-US)
* [Create a single score data visualization in the Visualization Designer or on a dashboard](https://www.servicenow.com/docs/access?context=create-dv-sing-sc-ac&version=yokohama&pubname=yokohama-now-intelligence&ft:locale=en-US)
* [Datenvisualisierungskomponentenliste der Entwickler-Site](https://developer.servicenow.com/dev.do#!/reference/now-experience/utah/now-components/sn-par-visualization-base/overview)
{#workspace-builder-components-ref__ul_pqd_kpd_55b-1}

Filtern Sie Komponenten {#workspace-builder-components-ref__section_dpm_tbj_fvb}
--------------------------------------------------------------------------------

Mit Filtern können Sie Datenvisualisierungen filtern, ohne die Visualisierungen zu ändern. Fügen Sie ein Filterelement hinzu, wenn Sie mit der Homepage im Canvas arbeiten. Wählen Sie dann eine Tabelle, ein Feld und andere Eigenschaften aus, um den Filter zu konfigurieren. Wenn ein Benutzer einen oder mehrere Werte des Felds auswählt, gilt der Filter für die Datenvisualisierungen, die auf derselben Datenquelle basieren.  
Weitere Informationen zur Verwendung von Filterkomponenten zum Erstellen eines Arbeitsbereichs finden Sie in den folgenden Themen und Quellen:

* [Next Experience-Filter](https://www.servicenow.com/docs/access?context=interactive-filters-workspace&version=yokohama&pubname=yokohama-now-intelligence&ft:locale=en-US)
* [Entwickler-Site-Filterkomponentenliste](https://developer.servicenow.com/dev.do#!/reference/now-experience/utah/now-components/sn-component-filter/overview)
{#workspace-builder-components-ref__ul_yv5_zjn_2vb-1}

Überschriftenkomponenten {#workspace-builder-components-ref__section_jr2_nxf_2vb}
---------------------------------------------------------------------------------

Überschriftenkomponenten sind auf den Homepages für Arbeitsbereiche verfügbar. Fügen Sie Ihrer Zielseite mithilfe einer Überschriftenkomponente einen Titel hinzu.

Die folgende Abbildung zeigt die Überschrift „My Heading".

Weitere Informationen zu Überschriftenkomponenten finden Sie in den folgenden Themen und Quellen:

* [Übersicht über die Überschrift auf der Developer Site](https://developer.servicenow.com/dev.do#!/reference/now-experience/utah/now-components/now-heading/overview)
* 
{#workspace-builder-components-ref__ul_nsd_wzx_wwb}

Bildkomponenten {#workspace-builder-components-ref__section_zhc_gcg_2vb}
------------------------------------------------------------------------

Fügen Sie Ihrer Zielseite Bilder mit einer Bildkomponente hinzu.

Wenn Sie das Symbol der Bildkomponente ( ![Bildkomponente]()) in das Vorschaufenster ziehen, wird ein Archivbild angezeigt, das Sie ändern und in der Größe ändern können. Sie können das Archivbild ändern, indem Sie die URL Ihres Bildes angeben.{#workspace-builder-components-ref__lw-image-component-2-wb}

Weitere Informationen zu Bildkomponenten finden Sie unter .

Listen Sie Komponenten auf {#workspace-builder-components-ref__section_y5g_1hn_2vb}
-----------------------------------------------------------------------------------

Verwenden Sie eine Listenkomponente, um Ihrer Zielseite Listen hinzuzufügen.

Wenn Sie das Listenkomponentensymbol ( ![Listenkomponente]()) in das Vorschaufenster ziehen, wird eine Beispielliste angezeigt.{#workspace-builder-components-ref__lw-list-component-2-wb}

Weitere Informationen zu Listenkomponenten finden Sie unter .

Rich-Text-Komponenten {#workspace-builder-components-ref__section_cqf_mhn_2vb}
------------------------------------------------------------------------------

Fügen Sie Ihrer Zielseite Text mit einer Rich-Text-Komponente hinzu, um Teile der Zielseite zu erläutern, z. B. „Behandeln Sie zuerst diese Incidents der Priorität 1".

Weitere Informationen zu Rich-Text-Komponenten finden Sie unter .

