Fügen Sie Ihrer Experience ein Viewport-Modal hinzu

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer

    • Fügen Sie einen Viewport in einem modalen Element in Ihrer Experience hinzu.

    Vorbereitungen

    Erforderliche Rolle: ui_Builder_admin

    Warum und wann dieser Vorgang ausgeführt wird

    Verwenden Sie Viewport-Modale, um Unterseiten oder andere Experiences in ein modales Element in Ihre übergeordnete Seite oder Experience einzubetten. Viewport-Modale können über Ereignisse oder Skripts geöffnet werden. Viewport-Modale sind auf eine Unterroute pro Viewport-Modal beschränkt. Sie können zusätzliche Viewport-Modale für zusätzliche Routen erstellen.
    Hinweis:
    Legacy-Viewport-Modale können nicht aktualisiert werden und müssen neu erstellt werden, um die neuen Funktionen nutzen zu können.

    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.
      Weitere Informationen finden Sie unter Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI Builder.
    3. Öffnen oder erstellen Sie eine Seite.
      Wenn Sie eine vorhandene Seite öffnen, stellen Sie sicher, dass Sie sich im selben Umfang wie die ursprüngliche Seite befinden. Wenn nicht, ändern Sie den Umfang, bevor Sie mit der Bearbeitung der Seite beginnen. Anwendungsbereiche schützen Anwendungen, indem der Zugriff auf Anwendungsdateien und -daten identifiziert und eingeschränkt wird. Administratoren legen den Umfang fest, um anzugeben, welche Teile einer Anwendung für andere Anwendungen zugänglich sind. Der Anwendungsbereich schützt Daten und Anwendungsdateien. Siehe Informationen zu Sicherheit und RollenFür weitere Informationen zum Anwendungsbereich.
    4. Wählen Sie Aus + Inhalt hinzufügen In der Inhaltsstruktur.
    5. Wählen Sie ein aus Einzelne Spalte Layout.
    6. Wählen Sie Aus + Neben Modale Elemente In der Inhaltsstruktur.
    7. Wählen Sie Aus Viewport-Modal In der Liste.
      Abbildung : 1. Viewport-Modal
      Zeiger, der das modale Viewport-Element in der modalen Liste auswählt.
      Über Ihrer Seite wird ein Viewport-Modell angezeigt.
    8. Klicken Sie auf Speichern.
    9. Wählen Sie den Viewport in der Inhaltsstruktur aus.
      Pfeil, der auf den im vorherigen Schritt hinzugefügten Viewport zeigt.
    10. Wählen Sie Aus + Hinzufügen Neben Seitensammlungen Auf der Registerkarte Konfigurieren.
      Pfeil, der im Konfigurationsbereich auf + Hinzufügen zeigt
    11. Wählen Sie eine Seitensammlung aus, oder erstellen Sie eine neue.
      Weitere Informationen finden Sie unter Erstellen Sie eine Seitensammlung auf mehreren UI-Seiten.

      Auswahlbildschirm für Seitensammlung mit Option zum Erstellen einer Sammlung.

    12. Klicken Sie auf Hinzufügen.
    13. Klicken Sie auf Speichern.
    14. Fügen Sie eine Komponente hinzu, die das Viewport-Modal öffnet.

      Im folgenden Beispiel wird eine Schaltfläche zum Öffnen des Viewport-Modals verwendet.

      Pfeil, der auf eine Schaltflächenkomponente verweist, die zum Öffnen eines Viewport-Modals verwendet wird.

    15. Wählen Sie die Registerkarte Events aus.
    16. Wählen Sie Aus + Ereignishandler hinzufügen .
      Pfeil, der auf + Ereignishandler hinzufügen auf der Registerkarte „Ereignisse“ einer Schaltflächenkomponente zeigt.
    17. Wählen Sie Aus Öffnen oder schließen Sie den modalen Dialog .
    18. Aktivieren Öffnen Sie den modalen Dialog .
    19. Wählen Sie das Viewport-Modal aus, das Sie in erstellt haben Modal Dropdownliste.
      Konfigurieren Sie den Ereignis-Handler für Ihr Viewport-Modal.
      Die Viewport-ID Wird automatisch ausgefüllt.
    20. Wählen Sie Hinzufügen.
    21. Wählen Sie Speichern.
    22. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie auswählen Schaltfläche „Vorschau“, die die Seitenvariante öffnet..