Fügen Sie Ihrer Seite eine Viewport-Komponente hinzu

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 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: admin

    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 + Erstellenauswählen.
      Weitere Informationen zum Erstellen von Experiences finden Sie unter Konfigurieren Sie, wie Benutzer mit Ihren Anwendungen in interagieren UI Builder.
    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 Erstellen Sie eine Seite in UI Builderaus.
    4. Wählen Sie in der Inhaltsstruktur + Komponente hinzufügen aus.
    5. Wählen Sie als Layout Einzelne Spalte aus.
    6. Wählen Sie als Nächstes das Symbol + in der Spalte aus, um die Toolbox zu öffnen.
    7. Geben Sie viewport in das Suchfeld ein.
    8. Wählen Sie Viewport aus.
      Abbildung : 1. Viewport-Komponente
      In der Toolbox ausgewählte Viewport-Komponente.
    9. Wählen Sie die Viewport-Komponente in der Inhaltsstruktur aus.
    10. Wählen Sie im Konfigurationsbereich die Option + Hinzufügen aus.
      Pfeil, der auf die Schaltfläche „+Hinzufügen“ auf der Registerkarte „Konfigurieren“ zeigt, um Seitensammlungen hinzuzufügen.
    11. Wählen Sie eine Seitensammlung aus der Liste aus, oder erstellen Sie eine Sammlung, indem Sie + Sammlung erstellenauswählen.
      Weitere Informationen zum Erstellen einer eigenen Seitensammlung finden Sie unter Erstellen Sie eine Seitensammlung für mehrere UI-Seiten. Auswahlbildschirm für Seitensammlung mit Option zum Erstellen einer Sammlung.
    12. Wählen Sie Hinzufügen.
      Die Seitensammlung wird im Abschnitt „ Seitensammlungen “ des Konfigurationsbereichs angezeigt. 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 dargestellt.

      Pfeil, der auf die ID der Viewport-Komponente auf der Registerkarte „Konfigurieren“ zeigt.
    15. Fügen Sie eine Komponente zu Ihrer Seite hinzu, um den soeben hinzugefügten Viewport zu öffnen, z. B. eine Schaltflächenkomponente.
      Weitere Informationen finden Sie unter Fügen Sie Komponenten hinzu, und konfigurieren Sie sie.
    16. Wechseln Sie im Konfigurationsbereich zur Registerkarte Events.
    17. Wählen Sie + Event-Handler hinzufügen aus, um den Viewport anzuzeigen.
      Pfeil, der auf die Option „Ereignishandler hinzufügen“ auf der Registerkarte „Konfigurieren“ für die Schaltflächenkomponente zeigt.
    18. Wählen Sie unter Event Handlerauf Seitenebene die Option Laden des UXF-Macroponent-Viewports angefordert aus.
      UXF – Macroponent Viewport – Angeforderter Ereignishandler ausgewählt.
    19. Ersetzen Sie im viewportElementID- Elementden NULL- Wert durch die Viewport-ID, die Sie in einem vorherigen Schritt gefunden haben.
      In diesem Beispiel ist dies „viewport_1“.
    20. Wählen Sie Hinzufügen.
      UXF Macroponent Viewport – Laden des angeforderten Ereignishandlerskripts mit Viewport-Element-ID.
    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..