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


---

Erstellen Sie Popover in UI Builder
===================================

Erstellen Sie Popover in UI Builder {#ariaid-title1}
====================================================

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

Verwenden Sie Popovers auf einer UI Builder-Seite, um kontextbezogene Informationen oder Funktionen zu überlagern und Anwendern beim Ausführen von Aufgaben zu helfen.

Ein Popover ist ein kleines Fenster oder Dialogfeld, das über einer Seite UI Builder angezeigt wird und zusätzliche Informationen, Optionen oder Aktionen enthält, die sich auf den aktuellen Inhalt oder die aktuelle Aufgabe beziehen. Fügen Sie einem Popover Komponenten auf die gleiche Weise hinzu, wie Sie einer Seite modale Elemente hinzufügen.

Sie können Popovers überall auf einer Seite UI Builder platzieren, wo Sie denken, dass zusätzliche Informationen den Anwendern helfen. Popovers sollen kleine Informationen oder Links zu zugehörigen Inhalten bereitstellen. Sie sollten daher die Menge der Informationen oder Funktionen in einem Popover begrenzen, da das Popover nur angezeigt wird, wenn ein Anwender damit interagiert.

Sie können Popovers mit Ereigniszuordnung sichtbar machen oder ausblenden, z. B. das Anzeigen eines Popovers auslösen, wenn Sie eine Schaltfläche auswählen oder auf einen Teil der Seite zeigen. Weitere Informationen finden Sie unter [Definieren Sie Kartenereignisse](https://servicenow-prod.fluidtopics.net/7FMbV~jH3Bupz8DQEAOToA "Eine Ereigniszuordnung in UI Builder ist der Prozess, mit dem Sie die Nutzlast oder kontextbezogene Werte eines Ereignisses dem Objekt oder Handler zuordnen können, das bzw. den auf dieses Ereignis wirkt. Die vier Ereignistypen sind: Komponente, Seite, Datenressource und deklarative Aktion.").
Abbildung : 1. Informations-Popover

Fügt ein Popover zu einer Seite UI Builder hinzu {#ariaid-title2}
-----------------------------------------------------------------

Erfahren Sie, wie Sie in UI Builderein Popover hinzufügen. Ein Popover ist ein Container, der über einer Seite angezeigt wird, wenn Sie auf eine Komponente klicken. Beispielsweise kann ein Popover Kontaktinformationen anzeigen, wenn Sie den Namen einer Person in einer Liste auswählen.

### Vorbereitungen

Erforderliche Rolle: Administrator

### 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 Ihrer Seite eine Komponente hinzu, für die ein Popover ausgelöst werden soll, z. B. eine Schaltflächenkomponente.  
   Weitere Informationen finden Sie unter [Komponenten hinzufügen und konfigurieren](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#add-components "Erfahren Sie, wie Sie Ihrer Seite in UI BuilderKomponenten hinzufügen. Eine Seite wird durch das Hinzufügen von Komponenten erstellt.").
5. Wählen Sie im Konfigurationsbereich die Registerkarte Ereignisse.
6. Wählen Sie + Ereignishandler hinzufügen aus.  
7. Wählen Sie Popover öffnen.
8. Wählen Sie Neues Popover erstellen aus.  
9. Wählen Sie Hinzufügen.  
   Das Popover wird über der Phase angezeigt.
10. Fügen Sie dem Popover Komponenten hinzu, indem Sie das Symbol + auswählen.  
11. Wenn Sie mit der Konfiguration des Popovers fertig sind, schließen Sie es.  
    Beachten Sie, dass sich die von Ihnen erstellten Popovers in der Inhaltsstruktur über dem Textkörper Ihrer Seitenstruktur befinden.
12. Klicken Sie auf Speichern.
13. Wählen Sie im Header UI BuilderVorschau aus.
14. Klicken Sie auf die Schaltfläche, um das Popover zu testen.