UI Builder-Seiten Inhalte mit Registerkarten hinzufügen

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 8 Minuten Lesedauer

    • Verwenden Sie die Komponente Registerkarten, um Seiten in Inhalte mit Registerkarten hinzuzufügen UI Builder.

    Erstellen Sie zusätzliche Navigation auf Ihrem UI BuilderSeite durch Hinzufügen einer Registerkartenkomponente zu Ihrer Seite. Verwenden Sie die Komponente Registerkarten, um Komponenten innerhalb von Registerkarten auf Ihrer Seite zu verschachteln. Registerkarten können entweder als horizontale Registerkarten oben im Inhalt oder als vertikale Registerkarten links oder rechts vom Inhalt konfiguriert werden.
    Abbildung : 1. Beispiel für Registerkartenkomponente
    Registerkarten, die in einer Vorschau der UI Builder-Seite ausgewählt werden.

    Registerkarten können im Konfigurationsbereich organisiert werden, um neu anzuordnen, wie sie auf angezeigt werden UI BuilderSeite. Fügen Sie Registerkarten anwenderdefinierte Bezeichnungen und Symbole hinzu, um eindeutige visuelle Bezeichner für die Navigation über Registerkarten hinweg bereitzustellen. Diese Änderungen können in Echtzeit angezeigt werden, während Sie die Komponente „Registerkarten“ bearbeiten.

    Sie können Ihrem eine der folgenden Registerkartentypen hinzufügen UI BuilderSeite:
    • Leere Container-Registerkarte
    • RepeaterRegisterkarte
    • Registerkarte „zugehörige Liste“
    • Registerkarten der Seitensammlung

    Die Registerkartenkomponente unterstützt jede Kombination aus statischen Registerkarten, wiederholten Registerkarten, Registerkarten mit zugehörigen Listen und Registerkarten der Seitensammlung. Alternativ können Sie weiterhin den Viewport-Registerkartenmodus verwenden, um eine Reihe von Viewports hinzuzufügen.

    Fügen Sie leere Container-Registerkarten hinzu

    Verwenden Sie eine leere Container-Registerkarte, um manuell einen statischen Satz von Registerkarten auf Ihrer Seite zu erstellen.

    Vorbereitungen

    Erforderliche Rolle: 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. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Um weitere Informationen zum Erstellen einer Seite in zu erhalten UI Builder, Siehe Erstellen Sie eine Seite in UI Builder .
    4. Wählen Sie aus + Inhalt hinzufügen Schaltfläche in der Phase zum Öffnen der Toolbox.
      Pfeil, der auf das +-Symbol zeigt, das die Toolbox öffnet.
    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. Fügen Sie ein hinzu Registerkarten Komponente zu Ihrer Seite.
      Pfeil, der auf die Registerkartenkomponente in der Toolbox zeigt.

      Weitere Informationen zum Hinzufügen einer Komponente zu einer Seite finden Sie unter Komponenten hinzufügen und konfigurieren.

    8. Wählen Sie Aus + Registerkarte hinzufügen In der Phase.
      Pfeil, der auf die Registerkarten und die Option „Hinzufügen“ im Konfigurationsbereich zeigt.
    9. Wählen Sie Aus Beginnen Sie mit einem leeren Container .
      Option „mit leerem Container starten“ ausgewählt.
    10. Wählen Sie Weiter.
    11. Füllen Sie im Formular die Felder aus.
      Tabelle : 1. Formular für Registerkarteneinstellungen
      Feld Beschreibung
      Registerkartenbezeichnung Bezeichnung für die Registerkarte, die auf Ihrer Seite angezeigt werden soll.
      Symbol Symbol, das neben der Registerkartenbezeichnung angezeigt werden soll. Symbole sind nicht erforderlich.
      Registerkarte ausblenden. Gibt an, ob die Registerkarte ausgeblendet oder angezeigt werden soll.
    12. Wählen Sie Erstellen aus.
      Die neue Registerkarte wird in angezeigt Registerkarten Komponente.
    13. Wählen Sie die neue Registerkarte aus.
    14. Wählen Sie Aus + Symbol.
      Pfeil, der auf das +-Symbol zeigt, um der Demo-Registerkarte eine Komponente hinzuzufügen.
    15. Wählen Sie die Komponente aus, die Sie der Registerkarte hinzufügen möchten.
      Komponenten werden unter der Registerkarte angezeigt, auf der sie in der Inhaltsstruktur geschachtelt sind. Weitere Informationen finden Sie unter Komponenten hinzufügen und konfigurieren.

    Ergebnisse

    Auf Ihrer Seite werden die beiden von Ihnen erstellten Registerkarten angezeigt. Wählen Sie jede Registerkarte aus, um sie weiter zu konfigurieren, einen Stil hinzuzufügen oder einen Ereignis-Handler hinzuzufügen. Weitere Informationen zum Stil finden Sie unter Ändern Sie die Standarddarstellung von Komponenten. Weitere Informationen zum Hinzufügen eines Ereignis-Handlers finden Sie unter Verwalten Sie Aktionen auf UI Builder-Seiten.

    Fügen Sie Repeater-Registerkarten hinzu

    Verwenden Sie die Komponente Registerkarten, um einen Satz von Repeater-Registerkarten zu erstellen, indem Sie Registerkarten mit einem Daten-Array verknüpfen.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

    Sie können verwenden RepeaterRegisterkarten zum Erstellen mehrerer Registerkarten basierend auf dem von Ihnen bereitgestellten Daten-Array. Sie können Symbol, Bezeichnung, Anzahl und Felder als Schlüssel im Objekt übergeben. Verwenden Sie den Bezeichnungsschlüssel, um Registerkarten Namen hinzuzufügen. Verwenden Sie die Feldtaste, um Informationen an Repeater-Registerkarten zu übergeben. Sie können einen Daten-Broker, einen Clientstatus oder ein Clientskript an den Daten-Array-Anbieter binden, um das Array von Objekten mit dem richtigen Schema zurückzugeben.

    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. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Um weitere Informationen zum Erstellen einer Seite in zu erhalten UI Builder, Siehe Erstellen Sie eine Seite in UI Builder .
    4. Wählen Sie aus + Inhalt hinzufügen Schaltfläche in der Phase zum Öffnen der Toolbox.
      Pfeil, der auf das + in der Phase zeigt, die die Toolbox öffnet.
    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. Fügen Sie ein hinzu Registerkarten Komponente zu Ihrer Seite.
      Pfeil, der auf die Registerkartenkomponente in der Toolbox zeigt.

      Weitere Informationen zum Hinzufügen einer Komponente zu einer Seite finden Sie unter Komponenten hinzufügen und konfigurieren.

    8. Wählen Sie Aus + Registerkarte hinzufügen In der Phase.
      Pfeil, der auf + Option „Hinzufügen“ im Konfigurationsbereich zeigt.
    9. Wählen Sie Aus Verwenden Sie einen Repeater .
      Verwenden Sie einen Repeater, der im Dialogfeld „Registerkartenauswahl“ ausgewählt ist.
    10. Wählen Sie Weiter.
    11. Geben Sie eine Bezeichnung für die Registerkarte Repeater in ein Bezeichnung der Platzhalterregisterkarte Feld.
      Diese Bezeichnung ist der ersten Repeater-Registerkarte zugewiesen und ist die einzige Registerkarte, die in der Seitenvorschau angezeigt wird.
    12. Wählen Sie Aus Bearbeiten In Daten-Array Feld.
      Öffnen Sie das modale Fenster zur Bearbeitung des Daten-Arrays.
    13. Konfigurieren Sie das Daten-Array im JSON-Editor.
      Schlüssel Datentyp Beschreibung
      icon Zeichenfolge Name des Symbols, das in angezeigt wird UI Builder.
      label Zeichenfolge Erforderlich . Anzeigename der Registerkarte in UI Builder.
      count Nummer Wert, der für die Registerkartenbezeichnung angegeben werden soll. Binden Sie dynamisch an einen Daten-Broker oder ein Clientskript, das auf der Bezeichnung angezeigt wird.
      Felder Objekt Objekt, das zum Speichern von Informationen und zur Übergabe an die Komponenten auf den Registerkarten verwendet werden kann.
    14. Wählen Sie Übernehmen.
      Das Daten-Array-Feld zeigt die Daten-Array-Konfiguration an.

      Repeater-Einstellungen mit einem anwenderdefinierten Daten-Array.

    15. Wählen Sie Erstellen aus.
      Die neue Repeater-Registerkarte Wird angezeigt Auf der Seite und in der Inhaltsstruktur.

      Auf der Seite hervorgehobene Registerkarte „Platzhalter-Repeater“.

    16. Wählen Sie Speichern.
    17. Fügen Sie der Repeater-Registerkarte Komponenten hinzu.
    18. Wählen Sie Aus Schaltfläche „Vorschau“, die Ihre Seite zur Laufzeit öffnet. Dies ist eine Vorschau darauf, wie die Seite auf einer Webseite aussieht.Um sicherzustellen, dass die Repeater-Registerkarten auf Ihrer Seite korrekt angezeigt werden.

    Registerkarten „Seitensammlung“ hinzufügen

    Verwenden Sie Seitensammlungsregisterkarten, um dieselben Registerkarten auf mehreren Seiten in neu zu erstellen UI Builder.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

    Eine Seitensammlung ist eine Gruppe vorgefertigter global verfügbarer Seiten. Verwenden Sie Registerkarten der Seitensammlung, um jede Seite in einer Seitensammlung als Registerkarte zu rendern. Sie können eine vorhandene Seitensammlung auswählen oder eine eigene erstellen. Zum Hinzufügen einer Seitensammlung ist ein Controller erforderlich. Weitere Informationen zu Seitensammlungen finden Sie unter Seitensammlungen.

    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. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Um weitere Informationen zum Erstellen einer Seite in zu erhalten UI Builder, Siehe Erstellen Sie eine Seite in UI Builder .
    4. Wählen Sie aus + Inhalt hinzufügen Schaltfläche in der Phase zum Öffnen der Toolbox.
      Pfeil, der auf das + in der Phase zeigt, die die Toolbox öffnet.
    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. Fügen Sie ein hinzu Registerkarten Komponente zu Ihrer Seite.
      Pfeil, der auf die Registerkartenkomponente in der Toolbox zeigt.

      Weitere Informationen zum Hinzufügen einer Komponente zu einer Seite finden Sie unter Komponenten hinzufügen und konfigurieren.

    8. Wählen Sie Aus + Registerkarte hinzufügen In der Phase.
      Pfeil, der auf + Option „Hinzufügen“ im Konfigurationsbereich zeigt.
    9. Wählen Sie Aus Fügen Sie eine Seitensammlung hinzu .
      Modal für Registerkartenauswahl mit hervorgehobener Option „Seitensammlung hinzufügen“.
    10. Wählen Sie Weiter.
    11. Wählen Sie eine Seitensammlung aus der Liste aus, oder erstellen Sie eine Sammlung, indem Sie auswählen + Sammlung erstellen .
      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 neue Registerkarte „Seitensammlung“ wird in angezeigt Registerkarten Abschnitt des Konfigurationsbereichs. In der Seitenvorschau wird nur eine Platzhalterregisterkarte angezeigt.

      Registerkarte „Seitensammlung“ auf der Seite hervorgehoben.

    13. Wählen Sie Speichern.
    14. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie auswählen Schaltfläche „Vorschau“, die die Seitenvariante öffnet..