Fügen Sie einer kontextbezogenen Sidebar-Komponente einen Viewport hinzu

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer
  • Durch das Hinzufügen eines Viewports zu Ihrer Seite können Sie separate Inhalte erstellen, die angezeigt werden, wenn Sie auf Ihrer Seite auf eine Registerkarte klicken. Sie erstellen Registerkarten innerhalb einer Komponente. Anschließend können Sie auf diesen Registerkarten benutzerdefinierte Seiten oder benutzerdefinierte Benutzeroberflächen von Drittanbietern erstellen.

    Vorbereitungen

    Erforderliche Rolle: ui_builder_admin

    Warum und wann dieser Vorgang ausgeführt wird

    Erstellen Sie einen Viewport, indem Sie einer kontextbezogenen Seitenleistenkomponente auf Ihrer Seite eine Registerkarte hinzufügen. Erstellen Sie dann Inhalte für die Registerkarte.

    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 oder erstellen Sie eine Seitenvariante.
      Weitere Informationen zum Erstellen einer Seite in UI Builderfinden Sie unter Seiten in UI Builder erstellen.
    4. Fügen Sie Ihrer Seite eine kontextbezogene Seitenleistenkomponente hinzu.
    5. Wählen Sie in der Inhaltsstruktur die kontextabhängige Seitenleistenkomponente aus.
    6. Bewegen Sie die Maus über die kontextbezogene Seitenleistenkomponente in der Phase, und wählen Sie Inhalt bearbeiten aus.
    7. Wählen Sie Speichern und fortfahren aus.
    8. Wählen Sie im Abschnitt „ Seiten und Varianten “ das Symbol + aus.
      Schaltfläche „Seite erstellen“ auf der Experience-Ansichtsseite.
    9. Geben Sie im Feld Name einen eindeutigen Namen für die Seite ein.
    10. Geben Sie im Feld URL-Pfad einen Pfad für Ihre Seite an. UI Builder generiert einen Standardpfad basierend auf dem Namen, den Sie im vorherigen Schritt angegeben haben.
      Ein Standardpfad wird basierend auf Ihrem Seitennamen hinzugefügt. Sie können auch einen eigenen Pfad erstellen. Der Pfad ist erforderlich und muss eindeutig sein. Der Pfad kann Ziffern (0-9), Buchstaben (AZ, az) und einige Sonderzeichen ("-", ".", "_", "~") enthalten, wobei die Wörter durch einen Schrägstrich oder getrennt sind Bindestrich. Die URL-Vorschau zeigt den Pfad Ihrer Seite.
      Seitendetailbildschirm mit Feldern für Name und URL-Pfad.
      Hinweis:
      Der Anwendungsbereich ist standardmäßig der Bereich, in dem sich der Benutzer derzeit befindet, innerhalb von Now Platform®. Weitere Informationen zum Anwendungsbereich finden Sie unter Erfahren Sie mehr über Sicherheit und Rollen.
    11. Wählen Sie Fortsetzen aus.
    12. Wählen Sie Erstellen aus.
    13. Wählen Sie neben der von Ihnen erstellten Seite Editor aus.
    14. Entwerfen Sie Ihren Inhalt für die Registerkarte.

      Beachten Sie, dass Sie sie im Bearbeitungsmodus für Unterseiten von UI Builder entwerfen und nicht auf der Seite selbst. Sie können die Registerkarte genau wie eine Seite erstellen. Sie können Komponenten hinzufügen, Layouts ändern usw. Dieses Beispiel zeigt das Hinzufügen einer Registerkarte zu einer kontextbezogenen Sidebar-Komponente.

      Experience-Ansicht mit Überschriften- und Listenkomponenten in der Inhaltsstruktur.
    15. Klicken Sie auf Speichern.
    16. Wählen Sie ← Zurück zur übergeordneten Seite aus.
      Pfeil, der auf die Schaltfläche „Zurück zur Standardseite“ oben in der Experience-Ansicht zeigt.
    17. Wahlweise: Klicken Sie auf den Bereich Konfigurieren, um die von Ihnen erstellte Registerkarte zu bearbeiten.
      Wenn Sie Viewport-Registerkarten zu einer Komponente in UI Builderhinzufügen, ändert sich der Bereich „Konfigurieren“ und zeigt die Registerkartenkonfiguration an. Wenn Sie im Bereich „Konfigurieren“ auf eine Registerkarte klicken, ändern sich die Informationen der Registerkarte in der entsprechenden Komponente auf der Seite.
    18. Klicken Sie auf Speichern.