--- 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 einer Seite UI Builder ein Dialogfeld ohne Modus hinzu ================================================================ Fügen Sie einer Seite UI Builder ein Dialogfeld ohne Modus hinzu {#ariaid-title1} ================================================================================= * Freigeben Version: Yokohama * * Aktualisiert 30. Januar 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 Minuten Lesedauer Erfahren Sie, wie Sie ein Dialogfeldereignis ohne Modus hinzufügen und konfigurieren, z. B. Öffnen, Schließen oder Minimieren in UI Builder. Ein Dialogfeld ohne Modus ist ein unverankertes Fenster, das Inhalte über einer Seite enthält. Vorbereitungen -------------- Erforderliche Rolle: ui_builder_admin Prozedur -------- 1. Navigieren zu AlleNow-Experience-FrameworkUI Builder. 2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie auswählen ErstellenExperience. Weitere Informationen zum Erstellen von Experiences finden Sie unter [Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder](https://servicenow-prod.fluidtopics.net/CeZNVGqy8eTZVd2gZsb4ng "Erfahren Sie, was eine Experience in UI Builderist. Verstehen, was eine Experience enthält."). 3. Öffnen oder erstellen Sie eine Seitenvariante. Weitere Informationen zum Erstellen einer Seite in UI Builderfinden Sie unter [Seite in UI Builder erstellen](https://servicenow-prod.fluidtopics.net/tyY0expe_RF~OkSQQVAzZA "Erstellen Sie in UI Builder eine Seite für ein Portal, einen Arbeitsbereich oder eine anwenderdefinierte Anwendung, um eine Web-Experience für Ihre Benutzer zu erstellen."). 4. Fügen Sie der Seite ein Dialogfeld ohne Modi hinzu. Weitere Informationen zum Erstellen eines Dialogfelds ohne Modus finden Sie unter [Fügt ein Dialogfeld ohne Modus zu einer Seite UI Builder hinzu](https://servicenow-prod.fluidtopics.net/KlDQ~e3QTwao1jJ~cpHNqg "Erfahren Sie, wie Sie in UI Builderein Dialogfeld ohne Modus hinzufügen. Ein Dialogfeld ohne Modus ist ein unverankertes Fenster, das Inhalte über einer Seite enthält."). 5. Fügen Sie der Seite eine Komponente hinzu, z. B. eine Schaltfläche, um im Dialogfeld ohne Modus Aktionen auszuführen. Weitere Informationen zum Erstellen einer Schaltfläche, die mit einem Dialogfeld ohne Modus interagiert, finden Sie unter [Fügt ein Dialogfeld ohne Modus zu einer Seite UI Builder hinzu](https://servicenow-prod.fluidtopics.net/KlDQ~e3QTwao1jJ~cpHNqg "Erfahren Sie, wie Sie in UI Builderein Dialogfeld ohne Modus hinzufügen. Ein Dialogfeld ohne Modus ist ein unverankertes Fenster, das Inhalte über einer Seite enthält."). 6. Wählen Sie die Schaltflächenkomponente in der Inhaltsstruktur oder in der Phase aus. 7. Wählen Sie im Konfigurationsbereich die Registerkarte Ereignisse aus. 8. Wählen Sie + Ereignishandler hinzufügen aus. 9. Wählen Sie im Vorschaufenster des Ereignis-Handlers eine Aktion aus, die der Schaltfläche zugewiesen werden soll. Es sind fünf Ereignishandler für Dialogfelder ohne Modus verfügbar. Hinweis: Wählen Sie für einen der Ereignishandler Skript in der Dropdown-Liste Modus aus, wenn Sie die Arbeit im Skript-Editor vorziehen. | Zum Hinzufügen eines Ereignishandlers für Dialogfelds ohne Modus | Gehen Sie folgendermaßen vor | | Dialogfeld ohne Modus öffnen | Öffnet ein Dialogfeld ohne Modus. Fügen Sie beispielsweise eine Schaltfläche mit der Bezeichnung E-Mail erstellen hinzu, und konfigurieren Sie die Schaltfläche so, dass ein Dialogfeld ohne Modus geöffnet wird, das die Komponente E-Mail-Editor (mini) enthält. * Überschrift: Geben Sie eine Überschrift für das Dialogfeld ohne Modus ein. * Minimierte Überschrift: Geben Sie eine Überschrift ein, die angezeigt wird, wenn ein Anwender das Dropdown-Symbol für minimierte Dialogfelder auf der Seite auswählt. * Kategorie: Geben Sie einen Kategorienamen ein, um das Dialogfeld ohne Modus zu gruppieren. * Dialogfeld ohne Modus: Wählen Sie das zu öffnende Dialogfeld ohne Modus aus. * Einzelne Instanz: Wählen Sie diese Option aus, damit Anwender nur eine Instanz des Dialogfelds ohne Modus öffnen können. Lassen Sie diese Option deaktiviert, damit Anwender mehrere Instanzen des Dialogfelds ohne Modus öffnen können. Wenn die Schaltfläche beispielsweise ein Dialogfeld ohne Modus öffnet, das die Komponente E-Mail-Editor (Mini) enthält, und Sie die Option für eine Einzelinstanz nicht auswählen, können Benutzer mehrere Dialogfelder ohne Modus öffnen, um E-Mail-Nachrichten zu verfassen. * ID der Dialogfeldinstanz ohne Modus: Wenn Sie die Option Einzelinstanz auswählen, geben Sie die ID der Dialogfeldinstanz ohne Modus an, die beim Klicken geöffnet werden soll. Bewegen Sie die Maus über das Feld, und wählen Sie das Symbol Daten binden aus. Wählen Sie unter DatentypenDialogfeld ohne Modusaus. Ziehen Sie die Pille instanceID in den oberen Abschnitt, und wählen Sie Übernehmen aus. * Auslöserzeitpunkt (Option „Erweitert"): Wählen Sie Immer aus, damit die Komponente (in diesem Beispiel die Schaltfläche) immer das Dialogfeld ohne Modus öffnet. Wählen Sie Bedingung aus, um eine Ereignishandlerbedingung hinzuzufügen. Weitere Informationen zu Ereignishandlerbedingungen finden Sie unter [Unterstützte Funktionen im Formeleditor der Komponente UI Builder](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#uib_supported_functions "Erfahren Sie mehr über die verschiedenen Funktionen, die im Komponentenformel-Editor UI Builder unterstützt werden."). {#add-modeless-dialog-event__ul_ct2_cqn_21c} | | Dialogfeld ohne Modus schließen | Schließt ein Dialogfeld ohne Modus. Verwenden Sie diese Option, wenn Sie eine Komponente (z. B. eine Schaltfläche) konfigurieren möchten, um das Dialogfeld ohne Modus von außerhalb des Dialogfelds ohne Modus zu schließen. * ID der Dialogfeldinstanz ohne Modus: Geben Sie die ID der Dialogfeldinstanz ohne Modus an, die beim Klicken geschlossen werden soll. * Auslöserzeitpunkt (Option „Erweitert"): Wählen Sie Immer aus, damit die Komponente (in diesem Beispiel die Schaltfläche) das Dialogfeld ohne Modus immer schließt. Wählen Sie Bedingung aus, um eine Ereignishandlerbedingung hinzuzufügen. Weitere Informationen zu Ereignishandlerbedingungen finden Sie unter [Unterstützte Funktionen im Formeleditor der Komponente UI Builder](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#uib_supported_functions "Erfahren Sie mehr über die verschiedenen Funktionen, die im Komponentenformel-Editor UI Builder unterstützt werden."). {#add-modeless-dialog-event__ul_kcn_qdv_21c} | | Dialogfeld ohne Modus minimieren | Minimiert ein geöffnetes Dialogfeld ohne Modus. Verwenden Sie diese Option, wenn Sie eine Komponente wie eine Schaltfläche konfigurieren möchten, um das Dialogfeld ohne Modus von außerhalb des Dialogfelds ohne Modus zu minimieren. * ID der Dialogfeldinstanz ohne Modus: Geben Sie die ID der Dialogfeldinstanz ohne Modus an, die beim Klicken minimiert werden soll. * Auslöserzeitpunkt (Option „Erweitert"): Wählen Sie Immer aus, damit die Komponente (in diesem Beispiel die Schaltfläche) das Dialogfeld ohne Modus immer minimiert. Wählen Sie Bedingung aus, um eine Ereignishandlerbedingung hinzuzufügen. Weitere Informationen zu Ereignishandlerbedingungen finden Sie unter [Unterstützte Funktionen im Formeleditor der Komponente UI Builder](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#uib_supported_functions "Erfahren Sie mehr über die verschiedenen Funktionen, die im Komponentenformel-Editor UI Builder unterstützt werden."). {#add-modeless-dialog-event__ul_n45_yxn_21c} | | Dialogfeld ohne Modus aktualisieren | Aktualisiert die angegebenen Felder in einem Dialogfeld ohne Modus. Fügen Sie beispielsweise in der Fußzeile eines Dialogfelds ohne Modus eine Schaltfläche mit der Bezeichnung Überschrift aktualisieren hinzu, und konfigurieren Sie die Schaltfläche so, dass die Überschrift der Komponente im Dialogfeld ohne Modus aktualisiert wird. * Überschrift: Geben Sie den neuen Überschriftentext für das Dialogfeld ohne Modus ein, das hinzugefügt werden soll, wenn die Schaltfläche ausgewählt wird. * Minimierte Überschrift: Geben Sie den neuen minimierten Überschriftentext ein, der hinzugefügt werden soll, wenn die Schaltfläche ausgewählt wird. * Kategorie: Geben Sie einen neuen Kategorienamen ein, der hinzugefügt werden soll, wenn die Schaltfläche ausgewählt wird. * Dialogfeld ohne Modus: Wählen Sie das zu aktualisierende Dialogfeld ohne Modus aus. * ID der Instanz des Dialogfelds ohne Modus: Geben Sie die ID der Instanz des Dialogfelds ohne Modus an, die beim Klicken aktualisiert werden soll. * Ist fehlerhaft: Wählen Sie diese Option aus, um das Dialogfeld ohne Modus als geändert zu markieren. * Auslöserzeitpunkt (Option „Erweitert"): Wählen Sie Immer aus, damit die Komponente (in diesem Beispiel die Schaltfläche) das Dialogfeld ohne Modus immer aktualisiert. Wählen Sie Bedingung aus, um eine Ereignishandlerbedingung hinzuzufügen. Weitere Informationen zu Ereignishandlerbedingungen finden Sie unter [Unterstützte Funktionen im Formeleditor der Komponente UI Builder](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#uib_supported_functions "Erfahren Sie mehr über die verschiedenen Funktionen, die im Komponentenformel-Editor UI Builder unterstützt werden."). {#add-modeless-dialog-event__ul_jfp_2yn_21c} | | Fehlerhaftes Dialogfeld ohne Modus | Markiert ein Dialogfeld ohne Modus als geändert. * Geben Sie unter ID der Instanz des Dialogfelds ohne Modusdie ID der Instanz des Dialogfelds ohne Modus an, die als geändert markiert werden soll. * Auslösezeitpunkt (Option „Erweitert"): Wählen Sie Immer aus, damit die Komponente (in diesem Beispiel die Schaltfläche) immer als geändert markiert wird. Wählen Sie Bedingung aus, um eine Ereignishandlerbedingung hinzuzufügen. Weitere Informationen zu Ereignishandlerbedingungen finden Sie unter [Unterstützte Funktionen im Formeleditor der Komponente UI Builder](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#uib_supported_functions "Erfahren Sie mehr über die verschiedenen Funktionen, die im Komponentenformel-Editor UI Builder unterstützt werden."). {#add-modeless-dialog-event__ul_rm1_x2v_21c} | |------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| {#add-modeless-dialog-event__choicetable_dzv_llh_wnb} 10. Wählen Sie Hinzufügen. Ergebnisse ---------- Der konfigurierte Ereignishandler wird auf der Registerkarte Ereignisse des Konfigurationsbereichs für die Komponente angezeigt.