Erstellen Sie Popovers in UI Builder

Verwenden Sie Popovers auf einer UI Builder-Seite, um kontextbezogene Informationen oder Funktionen zu überlagern, damit Anwender Aufgaben abschließen können.

Ein Popover ist ein kleines Fenster oder Dialogfeld, das über einem angezeigt wird UI BuilderSeite und enthält zusätzliche Informationen, Optionen oder Aktionen im Zusammenhang mit dem vorliegenden Inhalt oder der Aufgabe. Fügen Sie einem Popover Komponenten auf die gleiche Weise hinzu, wie Sie einer Seite modale Elemente hinzufügen.

Sie können Popovers an beliebiger Stelle auf platzieren UI BuilderSeite, auf der Anwender Ihrer Meinung nach durch zusätzliche Informationen unterstützt werden. Popovers sollen kleine Informationen oder Links zu zugehörigen Inhalten bereitstellen. Daher sollten Sie die Menge der Informationen oder Funktionen in einem Popover beschränken, da das Popover nur angezeigt wird, wenn ein Anwender mit ihm interagiert.

Sie können Popovers mit der Ereigniszuordnung sichtbar oder ausgeblendet machen, z. B. wenn Sie ein Popover auslösen, das angezeigt wird, wenn Sie eine Schaltfläche auswählen oder auf einen Teil der Seite verweisen. Weitere Informationen finden Sie unter Definieren Sie Zuordnungsereignisse.

Abbildung : 1. Informations-Popover

Fügen Sie Popover zu hinzu UI BuilderSeite

Erfahren Sie, wie Sie ein Popover in hinzufügen UI Builder. Ein Popover ist ein Container, der über einer Seite angezeigt wird, wenn Sie auf eine Komponente klicken. Beispielsweise kann ein Popover Kontaktinformationen anzeigen, wenn ein Personenname in einer Liste ausgewählt wird.

Vorbereitungen

Erforderliche Rolle: Administrator

Prozedur

1. Navigieren zu Alle > Now Experience-Framework > UI Builder.
2. Öffnen Sie eine Experience, in der Sie arbeiten können, oder erstellen Sie eine Experience, indem Sie auswählen Erstellen > Experience.
   Siehe Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI BuilderWeitere Informationen zum Erstellen von Experiences.
3. Öffnen oder erstellen Sie eine Seitenvariante.
   Um weitere Informationen zum Erstellen einer Seite in zu erhalten UI Builder, Siehe Erstellen Sie eine Seite in UI Builder .
4. Fügen Sie Ihrer Seite eine Komponente hinzu, die Sie ein Popover auslösen möchten, z. B. eine Schaltflächenkomponente.
   Weitere Informationen finden Sie unter Komponenten hinzufügen und konfigurieren.
5. Wählen Sie aus Ereignisse Registerkarte im Konfigurationsbereich.
6. Wählen Sie Aus + Ereignishandler hinzufügen .
   
7. Wählen Sie Aus Popover Öffnen .
8. Wählen Sie Aus Erstellen Sie ein neues Popover .
   
9. Wählen Sie Hinzufügen.
   Das Popover wird über der Phase angezeigt.
10. Fügen Sie dem Popover Komponenten hinzu, indem Sie auswählen + Symbol.
    
11. Wenn Sie die Konfiguration des Popovers abgeschlossen haben, schließen Sie es.

    Beachten Sie in der Inhaltsstruktur, dass sich die von Ihnen erstellten Popovers über dem Textkörper Ihrer Seitenstruktur befinden.

    
12. Klicken Sie auf Speichern.
13. Wählen Sie Aus Vorschau In UI BuilderHeader.
14. Klicken Sie auf die Schaltfläche, um das Popover zu testen.