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


---

Fügen Sie UI Builder-Seiten Formulare hinzu
===========================================

Fügen Sie UI Builder-Seiten Formulare hinzu {#ariaid-title1}
============================================================

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

Verwenden Sie die Formularkomponente, um ein oder mehrere Formulare zu Seiten UI Builder hinzuzufügen.  
Fügen Sie Ihren UI Builder -Seiten Funktionalität hinzu, indem Sie Formulare einfügen. Sie definieren die Felder im Formular und ihre Eigenschaften, z. B. was sie zu Pflichtfeldern machen. Erfassen Sie dann Daten, während das Formular ausgefüllt und übermittelt wird.Abbildung : 1. Beispiel für Formularkomponente  
Sie können einer Seite mehrere Formulare hinzufügen. Sie können ein Formular auch einer Seite hinzufügen, die bereits eine Komponente mit einem geschachtelten Formular enthält. Beispielanwendungsfälle:

* Erweitern Sie Datensatzseiten durch Hinzufügen einer Inline-Registerkarte mit einem Formular, das eine eigene Formular-Controller-Instanz verwendet.
* Modale Elemente mit einem Formular auf einer Datensatzseite hinzufügen
{#add-forms-to-ui-builder-pages__ul_fm4_ykt_wbc}  
Bei vorhandenen Seiten mit Formularen, die in einem Release vor Xanadu ServiceNow erstellt wurden, müssen Sie eine Voreinstellung auf das ursprüngliche Formular anwenden, bevor Sie der Seite ein weiteres Formular hinzufügen. Das Anwenden der Voreinstellung ist eine Voraussetzung für das Hinzufügen mehrerer Formulare zu einer Seite und ermöglicht es, dass mehrere Formulare auf einer Seite wie erwartet funktionieren. Die Voreinstellung des Formular-Controllers sollte auf alle Formular-Controller angewendet werden.

1. Öffnen Sie die Seite, die ein vorhandenes Formular enthält.
2. Erweitern Sie im Daten-Drawer die Liste Datenressourcen, und wählen Sie den ursprünglichen Formular-Controller aus.

3. Wählen Sie das Feld Voreinstellung aus.
4. Wählen Sie Formular-Controller-Voreinstellungaus.

5. Wählen Sie Übernehmen.
6. Wählen Sie X aus, um das Popup „Formular-Controller bearbeiten" zu schließen.

   Für genau einen Ihrer Formular-Controller muss die Eigenschaft „Ist der App-Shell zugeordnet" auf „wahr" festgelegt sein. Diese Eigenschaft wird verwendet, um das primäre Formular auf der Seite anzugeben. Das primäre Formular ist für die Verarbeitung globaler Ereignisse verantwortlich. Sie sollten die Eigenschaft nicht für mehr als einen Formular-Controller auf „true" festlegen oder null Formular-Controller haben, bei denen die Eigenschaft auf „true" festgelegt ist.
7. Öffnen Sie die Seite, die mindestens ein Formular enthält.
8. Wählen Sie in der Inhaltsstruktur ein Formular aus.

9. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Formular-Controlleraus.

10. Scrollen Sie im Popup „Formular-Controller bearbeiten" in der Liste „Formular-Controller" nach unten, um die Option Ist der App-Shell zugeordnet zu finden.

11. Aktivieren oder deaktivieren Sie die Option für jede Formularkomponente auf der Seite, um zu bestätigen, dass der App-Shell genau ein Formular-Controller zugeordnet ist.
{#add-forms-to-ui-builder-pages__ol_olf_mjt_wbc}

Erweiterte Verarbeitung von Formularereignissen {#add-forms-to-ui-builder-pages__section_c5d_3tr_1cc}
-----------------------------------------------------------------------------------------------------

Erfahrene Entwickler, die über Kenntnisse in der Behandlung von Konfliktereignissen verfügen, können die folgenden Details hilfreich finden.  
Wenn der App-Shell ismapped auf „true" festgelegt ist, verarbeitet das Formular diese Ereignisse automatisch:

Bildschirmstatus geändert
:
    * Beschreibung: Aktion, um anzugeben, dass ein Formular fehlerhaft ist.
    * Ausgabe: `CTRL_RECORD#SCREEN_STATUS_CHANGED`
    {#add-forms-to-ui-builder-pages__ul_htx_ztr_1cc}

Aktualisierung des Konfigurationsmenüs angefordert
:
    * Beschreibung: Aktion zum Festlegen von Datensatzkonfigurationsmenüelementen im Avatar-Menü.
    * Ausgabe: `CTRL_RECORD#UPDATE_CONFIGURATION_MENU_REQUEST`
    {#add-forms-to-ui-builder-pages__ul_dzs_j5r_1cc}

Telefon angefordert
:
    * Beschreibung: Aktion zum Tätigen eines Anrufs, wenn das CTI-Plugin aktiviert ist.
    * Ausgabe: `CTRL_RECORD#PHONE_REQUESTED`
    {#add-forms-to-ui-builder-pages__ul_ngj_k5r_1cc}

Formularladestatus geändert
:
    * Beschreibung: Aktion zum Anzeigen eines Ladevorgangs, der sich ändert, wenn dieses Formular Daten lädt.
    * Ausgabe: `CTRL_RECORD#FORM_LOADING_STATE_CHANGED`
    {#add-forms-to-ui-builder-pages__ul_nmq_k5r_1cc}

Ausführliche Informationen zur Komponente „Formular" und ihren Eigenschaften finden Sie [unter Formularübersicht](https://developer.servicenow.com/dev.do#!/reference/next-experience/washingtondc/now-components/form%20record%20page/overview) auf der Developer Site ServiceNow.