Fügen Sie UI Builder-Seiten Inhalte mit Registerkarten hinzu

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 11 Minuten Lesedauer
  • Verwenden Sie die Registerkartenkomponente, um Seiten in UI BuilderInhalte mit Registerkarten hinzuzufügen.

    Erstellen Sie eine zusätzliche Navigation auf Ihrer Seite UI Builder, indem Sie die Komponente Registerkarteund hinzufügen. Verwenden Sie die Registerkartenkomponente, um Komponenten in Registerkarten auf Ihrer Seite zu verschachteln. Registerkarten können entweder als horizontale Registerkarten am oberen Rand des Inhalts oder als vertikale Registerkarten auf der linken oder rechten Seite des Inhalts konfiguriert werden.
    Abbildung : 1. Registerkartenkomponente Beispiel
    Registerkarten, die in einer UI Builder-Seitenvorschau ausgewählt werden.

    Registerkarten können im Konfigurationsbereich organisiert werden, um die Reihenfolge der Anzeige auf der Seite UI Builder zu ändern. Fügen Sie Registerkarten benutzerdefinierte Bezeichnungen und Symbole hinzu, um eindeutige visuelle Bezeichner für die Navigation zwischen Registerkarten bereitzustellen.

    Sie können Ihrer Seite [ UI Builder eine der folgenden Arten von Registerkarten hinzufügen:
    • Leere Containerregisterkarte
    • Registerkarte „Repeater“
    • Registerkarte „Zugehörige Liste“.
    • Seitensammlungsregisterkarten

    Die Registerkartenkomponente unterstützt jede Kombination von statischen Registerkarten, wiederholten Registerkarten, Registerkarten für zugehörige Listen und Seitensammlungsregisterkarten. Alternativ, können Sie weiterhin den Registerkartenmodus „Viewport“ verwenden, um eine Reihe von Viewports hinzuzufügen.

    Fügen Sie leere Containerregisterkarten hinzu

    Verwenden Sie eine leere Containerregisterkarte, um manuell einen statischen Satz von Registerkarten auf Ihrer 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. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Weitere Informationen zum Erstellen einer Seite in UI Builderfinden Sie unter Seiten in UI Builder erstellen.
    4. Wählen Sie in der Phase das Symbol + aus, um die Toolbox zu öffnen.
      Pfeil, der auf das +-Symbol zeigt, mit dem die Toolbox geöffnet wird.
    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. Fügen Sie Ihrer Seite eine Registerkartenkomponente hinzu.
      Pfeil, der auf die Registerkartenkomponente in der Toolbox zeigt.

      Weitere Informationen zum Hinzufügen einer Komponente zu einer Seite finden Sie unter Fügen Sie Komponenten hinzu, und konfigurieren Sie sie.

    8. Wählen Sie in der Phase die Registerkarte + Hinzufügen aus.
      Pfeil, der auf die Registerkarten zeigt + Option zum Hinzufügen im Konfigurationsbereich.
    9. Wählen Sie Aus leerem Container starten aus.
      Option Aus leerem Container starten ist ausgewählt.
    10. Wählen Sie Weiter.
    11. Füllen Sie die Felder des Formulars aus.
      Tabelle : 1. Formular „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. Ob die Registerkarte ausgeblendet oder angezeigt werden soll.
    12. Wählen Sie Erstellen aus.
      Die neue Registerkarte wird in der Registerkartenkomponente angezeigt.
    13. Wählen Sie die neue Registerkarte aus.
    14. Klicken Sie auf das 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 verschachtelt sind. Weitere Informationen finden Sie unter Fügen Sie Komponenten hinzu, und konfigurieren Sie sie.

    Ergebnisse

    Ihre Seite zeigt die beiden von Ihnen erstellten Registerkarten. Wählen Sie jede Registerkarte aus, um sie weiter zu konfigurieren, Stile hinzuzufügen oder einen Event-Handler hinzuzufügen. Weitere Informationen zu Stilen finden Sie unter Ändern Sie die Standarddarstellung von Komponenten. Weitere Informationen zum Hinzufügen eines Event-Handlers finden Sie unter Aktionen auf UI Builder-Seiten verwalten (erweiterte Funktion).

    Fügen Sie Repeater-Registerkarten hinzu

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

    Vorbereitungen

    Erforderliche Rolle: admin

    Warum und wann dieser Vorgang ausgeführt wird

    Sie können Repeater-Registerkarten verwenden, um mehrere Registerkarten basierend auf dem von Ihnen angegebenen Daten-Array zu erstellen. Sie können das Symbol , die Bezeichnung, die Anzahl und die Felder als Schlüssel im Objekt übergeben. Verwenden Sie den Bezeichnungsschlüssel, um Namen zu Registerkarten hinzuzufügen. Verwenden Sie den Feldschlüssel, um Informationen an Repeater-Registerkarten zu übergeben. Sie können einen Datenbroker, einen Clientstatus oder ein Clientskript an den Daten-Array-Provider 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, um in zu arbeiten, oder erstellen Sie eine Experience, indem Sie + Erstellenwählen.
      Weitere Informationen zum Erstellen von Experiences finden Sie unter Konfigurieren Sie, wie Benutzer mit Ihren Anwendungen in interagieren UI Builder.
    3. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Weitere Informationen zum Erstellen einer Seite in UI Builderfinden Sie unter Seiten in UI Builder erstellen.
    4. Wählen Sie in der Phase das Symbol + aus, um die Toolbox zu öffnen.
      Pfeil, der auf das + in der Phase zeigt, die die Toolbox öffnet.
    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. Fügen Sie Ihrer Seite eine Registerkartenkomponente hinzu.
      Pfeil, der auf die Registerkartenkomponente in der Toolbox zeigt.

      Weitere Informationen zum Hinzufügen einer Komponente zu einer Seite finden Sie unter Fügen Sie Komponenten hinzu, und konfigurieren Sie sie.

    8. Wählen Sie in der Phase die Registerkarte + Hinzufügen aus.
      Pfeil, der auf die Option + Hinzufügen im Konfigurationsbereich zeigt.
    9. Wählen Sie Repeater verwenden aus.
      Verwenden Sie einen Repeater, der im Dialogfeld „Registerkartenauswahl“ ausgewählt wurde.
    10. Wählen Sie Weiter.
    11. Geben Sie eine Bezeichnung für die Repeater-Registerkarte in das Feld Bezeichnung der Platzhalter-Registerkarte ein.
      Diese Bezeichnung ist der ersten Repeater-Registerkarte zugewiesen und die einzige Registerkarte, die in der Seitenvorschau angezeigt wird.
    12. Wählen Sie Bearbeiten im Feld Daten-Array aus.
      Öffnen Sie das Modal zum Bearbeiten des Daten-Arrays.
    13. Konfigurieren Sie das Daten-Array im JSON-Editor.
      Schlüssel Datentyp Beschreibung
      icon Zeichenfolge Name des Symbols, das in UI Builderangezeigt wird.
      label Zeichenfolge Erforderlich. Anzeigename der Registerkarte in UI Builder.
      count Nummer Wert, der auf der Registerkartenbezeichnung angegeben werden soll. Dynamische Bindung an einen Daten-Broker oder ein Client-Skript, das auf der Bezeichnung angezeigt wird.
      Felder Objekt Objekt, das zum Speichern von Informationen und zur Weitergabe 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 benutzerdefinierten Daten-Array.

    15. Wählen Sie Erstellen aus.
      Die neue Repeater-Registerkarte wird auf der Seite und in der Inhaltsstruktur angezeigt. Beim Bearbeiten der Seite wird nur die Registerkarte „Platzhalter“ angezeigt.

      Hervorgehobene Registerkarte „Platzhalter-Repeater“ auf der Seite.

    16. Wählen Sie Speichern.
    17. Klicken Sie auf die Schaltfläche Vorschau, die Ihre Seite zur Laufzeit öffnet. Dies ist eine Vorschau darauf, wie die Seite auf einer Webseite aussieht., um zu überprüfen, ob die Repeater-Registerkarten auf Ihrer Seite angezeigt werden.

    Registerkarten „Seitensammlung“ hinzufügen

    Verwenden Sie die Registerkarten der Seite Sammlungen, um dieselben Registerkarten auf mehreren Seiten in UI Builderneu zu erstellen.

    Vorbereitungen

    Erforderliche Rolle: admin

    Warum und wann dieser Vorgang ausgeführt wird

    Eine Seitensammlung ist eine Gruppe vordefinierter global verfügbarer Seiten. Verwenden Sie Seitensammlungsregisterkarten, um jede Seite in einer Seitensammlung als Registerkarte darzustellen. Sie können eine vorhandene Seitensammlung auswählen oder eine eigene erstellen. Zum Hinzufügen einer Seitensammlung ist ein Controller erforderlich.

    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 + Erstellenwählen.
      Weitere Informationen zum Erstellen von Experiences finden Sie unter Konfigurieren Sie, wie Benutzer mit Ihren Anwendungen in interagieren UI Builder.
    3. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Weitere Informationen zum Erstellen einer Seite in UI Builderfinden Sie unter Seiten in UI Builder erstellen.
    4. Wählen Sie in der Phase das Symbol + aus, um die Toolbox zu öffnen.
      Pfeil, der auf das + in der Phase zeigt, die die Toolbox öffnet.
    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. Fügen Sie Ihrer Seite eine Registerkartenkomponente hinzu.
      Pfeil, der auf die Registerkartenkomponente in der Toolbox zeigt.

      Weitere Informationen zum Hinzufügen einer Komponente zu einer Seite finden Sie unter Fügen Sie Komponenten hinzu, und konfigurieren Sie sie.

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

      Hervorgehobene Registerkarte „Seitensammlung“ auf der Seite.

    13. Wählen Sie Speichern.
    14. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie auf die Schaltfläche Vorschau klicken, mit der die Seitenvariante geöffnet wird..

    Erstellen Sie eine Seitensammlung für mehrere UI-Seiten

    Erstellen Sie eine Seitensammlung, um Inhalte mit Registerkarten aufzunehmen, die in Experiences verwendet werden können.

    Vorbereitungen

    Erforderliche Rolle: admin

    Warum und wann dieser Vorgang ausgeführt wird

    Verwenden Sie Seitensammlungen, um Inhalte mit Registerkarten in Ihren Experiences mit der Registerkartenkomponente in UI Builderzu erstellen.

    Seiten innerhalb einer Seitensammlung haben keinen Zugriff auf die URL-Parameter oder Datenressourcen der übergeordneten Seite. Sie können Bedingungen für Seiten in einer Seitensammlung festlegen, um zu definieren, welche Seite für bestimmte Zielgruppen angezeigt werden soll. Seitenvorlagen werden innerhalb einer Seitensammlung nicht unterstützt.

    Prozedur

    1. Klicken Sie auf + Sammlung erstellen.
    2. Füllen Sie die Felder des Formulars aus.
      Tabelle : 3. Formular „Seitensammlung erstellen
      Feld Beschreibung
      Name Name, um Ihre Seitensammlung intern nachzuverfolgen.
      Controller Controller, der die Daten für die Seitensammlung definiert.
      App-Shell-UI Typ der App-Shell-UI, die Sie mit der Seitensammlung verwenden möchten. Die App-Shell ist der Wrapper des Seiteninhalts, der der Funktionalität einer Webseite ähnelt. Die App-Shell kann Dinge wie das Logo Ihres Unternehmens, Benutzereinstellungen und das Suchsymbol anzeigen. Weitere Informationen finden Sie unter Definieren Sie UI-Experiences mithilfe von App-Shells.
      Beschreibung Kurzbeschreibung, um Ihre Seitensammlung zu finden. Schreiben Sie eine Beschreibung, die Seitenerstellern hilft zu verstehen, welche Inhalte in der Seitensammlung enthalten sind.
      Anwendungsbereich Der Anwendungsbereich definiert, zu welcher Anwendung die Seitensammlung gehört. Um eine Seitensammlung in einem anderen Anwendungsbereich zu erstellen, ändern Sie den Anwendungsbereich in der Plattform, und erstellen Sie dann eine Seitensammlung in UI Builder.
    3. Klicken Sie auf Erstellen.
    4. Klicken Sie auf Seitensammlung bearbeiten.
      Eine neue Registerkarte mit dem Bildschirm zum Bearbeiten der Seitensammlung wird geöffnet.
    5. Klicken Sie auf Bearbeitung starten.
    6. Klicken Sie auf Seite erstellen
    7. Geben Sie im Feld Name einen eindeutigen Namen für die Seite ein.
    8. Geben Sie im Feld Pfad einen Pfad für Ihre Seite an. UI Builder generiert einen Standardpfad basierend auf dem Namen, den Sie im vorherigen Schritt angegeben haben.
      Hinweis:
      Der Anwendungsbereich ist standardmäßig der Bereich, in dem sich der Benutzer befindet. Weitere Informationen zum Anwendungsbereich finden Sie unter Erfahren Sie mehr über Sicherheit und Rollen.
    9. Klicken Sie auf Erstellen.
    10. Wahlweise: Legen Sie erweiterte Einstellungen wie erforderliche und optionale Parameter sowie Varianteneinstellungen fest.
      1. Wählen Sie Erforderliche Parameter hinzufügen aus, um Ihrer Seiten-URL erforderliche Parameter hinzuzufügen.
        Ein erforderlicher Parameter ist ein Datenelement, das für Ihre Seite erforderlich ist, z. B. eine sys_id, eine Tabelle oder eine Abfrage. Erforderliche Parameter sind für Komponenten nützlich, da sie an den Wert des erforderlichen Parameters gebunden werden können.
        Bildschirm „Erforderliche Parameter“ in UI Builder.
        Weitere Informationen finden Sie unter Verwalten Sie UI Builder Seiten und Seitenvarianten.
      2. Wählen Sie Optionale Parameter hinzufügen aus, um optionale Datenelemente hinzuzufügen, die Sie der URL Ihrer Seite hinzufügen möchten.
        Im Gegensatz zu erforderlichen Parametern sind optionale Parameter immer Name-Wert-Paare, die unabhängig von der Reihenfolge funktionieren, in der sie angegeben werden.
        Bildschirm „Optionale Parameter“ in UI Builder.
        Weitere Informationen finden Sie unter Verwalten Sie UI Builder Seiten und Seitenvarianten.
      3. Klicken Sie auf den erforderlichen oder optionalen Parameter in der URL, und geben Sie im Feld Testwerte einen Wert ein, z. B. Incident.
        Sie fügen Ihrer Seite einen Testwert hinzu, um die Seite mit Daten auszufüllen, um sie zu testen. Wenn Sie beispielsweise eine Tabelle als erforderlichen Parameter hinzufügen, können Sie den Testwert Incident hinzufügen, um Testdaten zum Incident für diese Tabelle zu übernehmen.
        Testwertformular für UI Builder-Seiten.
        Weitere Informationen zu Testwerten finden Sie unter Testwerte auf einer Seite.
      4. Wechseln Sie zur Registerkarte Variante, um die Einstellungen für Zielgruppe und Bedingungen für Ihre Seite festzulegen.

        Wenn Sie eine Seite erstellen, erstellt UI Builder standardmäßig auch eine Variante der Seite für Sie. Eine Seitenvariante ist eine Variation Ihrer Seite im selben Pfad, mit der Sie mithilfe von Benutzerkriterien Experiences für verschiedene Zielgruppen ausrichten können. Zum Beispiel eine Seite für Manager und eine Variante dieser Seite für die direkt unterstellten Mitarbeiter des Managers. Weitere Informationen zum Erstellen einer Variante finden Sie unter Erstellen Sie eine Seitenvariante.

        Seite mit Standardvarianteneinstellungen in UI Builder.

        Weitere Informationen zu Zielgruppen finden Sie unter Erfahren Sie mehr über Zielgruppen.

      5. Klicken Sie auf Erledigt.
    11. Klicken Sie auf Erledigt.
    12. Fügen Sie Komponenten hinzu, und konfigurieren Sie sie auf Ihrer Seite.
    13. Klicken Sie auf Speichern.
    14. Wahlweise: Fügen Sie Ihrer Seitensammlung weitere Seiten hinzu.
      1. Klicken Sie auf Menü.
      2. Wählen Sie Seite erstellen aus.
      3. Wiederholen Sie die Schritte 6 bis 13.
    15. Schließen Sie das Seitensammlungsfenster.