---
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


---

Navigieren Sie zur Anwendung UI Builder
=======================================

Navigieren Sie zur Anwendung UI Builder {#ariaid-title1}
========================================================

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

Erfahren Sie, wie Sie durch UI Buildernavigieren.

UI Builder Startseite {#nav-uib__section_gh1_mvc_kvb}
-----------------------------------------------------

Die Startseite UI Builder bietet einfachen Zugriff auf zuletzt geöffnete Experiences, Optionen zum Erstellen von Experiences oder Seitensammlungen und Hilfe bei den ersten Schritten mit UI Builder. Sie können Ihre Experiences auch mithilfe der Suchleiste schnell anhand des Namens finden.

Sie können auf die Liste der Experiences oben zugreifen, indem Sie in der oberen Leiste die Registerkarte Experiences auswählen.

Sie können auf die Liste der Seitensammlungen oben zugreifen, indem Sie in der oberen Leiste die Registerkarte Seitensammlungen auswählen.

Sie können auf die Liste der Controller oben zugreifen, indem Sie in der oberen Leiste die Registerkarte Controller auswählen.

Sie können auf die Liste der Voreinstellungen oben zugreifen, indem Sie in der oberen Leiste die Registerkarte Voreinstellungen auswählen.

Wählen Sie im Header den Link Was ist neu, um die letzten Änderungen an UI Builderanzuzeigen.

UI Builder Experience-Ansicht {#nav-uib__section_ikk_5l3_fwb}
-------------------------------------------------------------

Die Experience-Ansicht UI Builder ist ein zentraler Ort, um die Struktur und Details einer Experience anzuzeigen und zu verstehen. Verwenden Sie die Listen Seite und Varianten, um eine Seite zum Bearbeiten auszuwählen.
Abbildung : 1. UI Builder Experience-Ansicht

Struktur von UI Builder {#nav-uib__section_yyv_25q_snb}
-------------------------------------------------------

UI Builder ist in die folgenden Bereiche unterteilt.

* Verwenden Sie die linke vertikale Leiste, um in UI Builderauf Folgendes zuzugreifen:

* Verwenden Sie die obere Leiste, um auf Seiten in der Experience zuzugreifen und die Hilfe anzuzeigen. Ändern Sie Seiteneinstellungen, z. B. Verfügbarkeit, Reihenfolge und Zielgruppe. Zeigen Sie eine Vorschau des URL-Pfads für die Seite, die Sie bearbeiten, an, und öffnen Sie sie, um zu sehen, wie die Seite für Anwender aussieht. Sie können auch eine Domäne auswählen und den Anwendungsbereich festlegen. Zeigen Sie Seitenfehler und -warnungen an, indem Sie das Symbol neben der Schaltfläche Speichern auswählen. Klicken Sie abschließend häufig auf die Schaltfläche Speichern, um Ihre Seite zu speichern.

* Verwenden Sie die Inhaltsstruktur, um Spaltenlayouts, Spalten und Komponenten auf Ihren Seiten anzuzeigen und zu bearbeiten.

* Fügen Sie Ihrer Seite mithilfe der Toolbox UI Builder Spaltenlayouts und Komponenten hinzu.

* Arbeiten Sie im Bereitstellungsbereich UI Builder, um Ihre Seiten zu erstellen und zu ändern.

* Wechseln Sie zum Konfigurationsbereich, um Spaltenlayouts, Spalten, Komponenten, Stile und Ereignisse zu ändern.

* Datenressourcen: Binden Sie Daten mithilfe von Datenressourcen an Ihre Komponenten, um Ihre Daten aus Tabellen, Datensätzen oder anderen Elementen auf Ihrer Seite dynamisch verfügbar zu machen. Mit Datenressourcen können Sie Ihre Komponenten wiederverwenden. Weitere Informationen finden Sie unter [Daten mit Ihren Komponenten verbinden](https://servicenow-prod.fluidtopics.net/KBdaE7IwhjzNyUum4jUd9w "Binden Sie Daten, die von lokalen Datenressourcen verfügbar gemacht wurden, an Komponenten auf Ihrer Seite UI Builder.").

* Clientstatus: Legen Sie die Parameter für den Clientstatus für Ihre Seite fest. Die Client-Statusparameter bestehen aus einem Namen, einem Typ und einem Anfangswert. Sie können die Vorschau der Client-Statusparameter anzeigen.

* Client-Skripts: Skripting automatisiert Aspekte der Seite, z. B. die Ereignisverarbeitung.

{#nav-uib__ul_k3g_3cr_snb}
* **[Lerncenter für UI Builder](https://servicenow-prod.fluidtopics.net/I2rYUftoCLs~CHZjKQJSMg)**   
  Im Lerncenter UI Builder finden Sie Artikel, Videos, Kurse und geführte Touren, die Ihnen den Einstieg und den Wissensaufbau erleichtern. Das Lerncenter ist eine zentrale Anlaufstelle, um sich mit den grundlegenden Funktionen und Richtlinien in UI Buildervertraut zu machen.
* **[Geführte Touren in UI Builder](https://servicenow-prod.fluidtopics.net/8cRLX8PM2Gj82iuVkzEAdQ)**   
  Erfahren Sie mehr über UI Builder Guided Tours und erfahren, wie Sie damit Ihr Wissen erweitern und die Verwendung von UI Builderüben können.
* **[Dunkles Design in UI Builder](https://servicenow-prod.fluidtopics.net/xaKniAtZP~xinlNkTS0ujg)**   
  Erfahren Sie, wie Sie in UI Builderzum dunklen Design wechseln.