Fügen Sie Ihrer Seite eine Viewport-Komponente hinzu

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

    • Fügen Sie Ihrer Seite eine Viewport-Komponente hinzu, und erstellen Sie eine Unterseite, um separate Inhalte auf der Seite zu erstellen.

    Vorbereitungen

    Erforderliche Rolle: ui_Builder_ 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 Sie den Editor für die Seitenvariante, der Sie den Viewport hinzufügen möchten.
      Wenn Sie keine Seite für Ihre Experience erstellt haben, führen Sie die Schritte bis aus Erstellen Sie eine Seite in UI Builder.
    4. Wählen Sie Aus + Inhalt hinzufügen In der Inhaltsstruktur.
    5. Wählen Sie ein aus Einzelne Spalte Layout.
    6. Wählen Sie als Nächstes aus + Symbol in der Spalte zum Öffnen der Toolbox.
    7. Eingabetaste Viewport Im Suchfeld.
    8. Wählen Sie Aus Viewport .
      Abbildung : 1. Viewport-Komponente
      Viewport-Komponente, die in der Toolbox ausgewählt ist.
    9. Wählen Sie die Viewport-Komponente in der Inhaltsstruktur aus.
    10. Wählen Sie Aus + Hinzufügen Im Konfigurationsbereich.
      Pfeil, der auf die Schaltfläche +Hinzufügen auf der Registerkarte „Konfigurieren“ zeigt, um Seitensammlungen hinzuzufügen.
    11. Wählen Sie ein aus SeitensammlungAus der Liste oder erstellen Sie eine Sammlung, indem Sie auswählen + Sammlung erstellen .
      Weitere Informationen zum Erstellen einer eigenen Seitensammlung finden Sie unter Erstellen Sie eine Seitensammlung auf mehreren UI-Seiten.

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

    12. Wählen Sie Hinzufügen.
      Die Seitensammlung wird in angezeigt Seitensammlungen Abschnitt des Konfigurationsbereichs. Im Bereitstellungsbereich wird nur eine Seite der Seitensammlung angezeigt.
    13. Wählen Sie Speichern.
    14. Suchen Sie die Viewport-ID und die Route.

      Sie können die ID und die Route im Konfigurationsbereich anzeigen, wie in der folgenden Abbildung gezeigt.

      Pfeil, der auf die Viewport-Komponenten-ID auf der Registerkarte „Konfigurieren“ zeigt.
    15. Hinzufügen Eine Komponente zu Ihrer Seite, um den soeben hinzugefügten Viewport zu öffnen, z. B. eine Schaltflächenkomponente.
      Weitere Informationen finden Sie unter Komponenten hinzufügen und konfigurieren.
    16. Wählen Sie aus Ereignisse Registerkarte im Konfigurationsbereich.
    17. Wählen Sie Aus + Ereignishandler hinzufügen Zum Anzeigen des Viewports.
      Pfeil, der auf die Option „Ereignis-Handler hinzufügen“ auf der Registerkarte „Konfigurieren“ für die Schaltflächenkomponente verweist.
    18. Von Ereignis-Handler auf Seitenebene , Auswählen Laden des UXF-Macroponent-Viewports angefordert .
      Ereignishandler für angefordertes Laden des UXF-Macroponent-Viewports ausgewählt.
    19. In ViewportElementID Element , Ersetzen Sie Null Wert mit der Viewport-ID, die Sie in einem vorherigen Schritt gefunden haben.
      In diesem Beispiel ist es: „Viewport_1“ .
    20. Wählen Sie Hinzufügen.
      UXF-Macroponent-Viewport – angefordertes Ereignis-Handler-Skript mit Viewport-Element-ID laden
    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..