Fügen Sie Ihrer Experience ein Viewport-Modal hinzu

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer

    • Fügen Sie einen Viewport innerhalb eines Modals in Ihrer Experience hinzu.

    Vorbereitungen

    Erforderliche Rolle: ui_builder_admin

    Warum und wann dieser Vorgang ausgeführt wird

    Verwenden Sie modale Viewport-Elemente, um Unterseiten oder andere Experiences innerhalb eines modalen Elements in Ihre übergeordnete Seite oder Experience einzubetten. Modale Viewport-Elemente können über Events oder Skripts geöffnet werden. Viewport-Dialogfelder sind auf eine Unterroute pro Viewport-Modal beschränkt. Sie können zusätzliche modale Viewport-Elemente für zusätzliche Routen erstellen.
    Hinweis:
    Legacy-Viewport-Dialogfelder können nicht aktualisiert werden und müssen neu erstellt werden, um die neue Funktionalität nutzen zu können.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Öffnen Sie eine Experience, um in zu arbeiten, oder erstellen Sie eine Experience, indem Sie + Experience erstellenauswählen.
      Weitere Informationen finden Sie unter Konfigurieren Sie, wie Benutzer 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 Bereich 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 Bereich fest, um anzugeben, auf welche Teile einer Anwendung andere Anwendungen zugreifen können. Der Anwendungsbereich schützt Daten und Anwendungsdateien. Weitere Informationen zum Anwendungsbereich finden Sie unter Erfahren Sie mehr über Sicherheit und Rollen.
    4. Wählen Sie in der Inhaltsstruktur + Komponente hinzufügen aus.
    5. Wählen Sie als Layout Einzelne Spalte aus.
    6. Wählen Sie in der Inhaltsstruktur neben Modalen Elemente+ aus.
    7. Wählen Sie Viewport-Modal in der Liste aus.
      Abbildung : 1. Viewport-Modal
      Zeiger, der das Viewport-Modal in der Modal-Liste auswählt.
      Ein Viewport-Modell wird über Ihrer Seite 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 auf der Registerkarte „Konfigurieren“ neben Seitensammlungen die Option + Hinzufügen aus.
      Pfeil, der im Bereich „Konfigurieren“ 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 für mehrere 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 zeigt, die zum Öffnen eines Viewport-Modals verwendet wird.
    15. Wählen Sie die Registerkarte Events aus.
    16. Wählen Sie + Event-Handler hinzufügen.
      Pfeil, der auf der Registerkarte „Ereignisse“ einer Schaltflächenkomponente auf + Event Handler hinzufügen zeigt.
    17. Wählen Sie Modalen Dialog öffnen oder schließen.
    18. Aktivieren Sie Modalen Dialog öffnen.
    19. Wählen Sie das Viewport-Modal aus, das Sie in der Dropdown-Liste „ Modal “ erstellt haben.
      Konfigurieren Sie den Event 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 auf die Schaltfläche Vorschau klicken, mit der die Seitenvariante geöffnet wird..