Konfigurieren von Komponenten für reaktionsfähiges Authoring

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

    • Beim Erstellen von Seiten mit reaktionsfähigem Authoring für verschiedene Formfaktoren erfahren Sie, wie das Anpassen einiger Komponentenkonfigurationsoptionen dazu führen kann, dass Seiten bei kleineren Größen besser aussehen und funktionieren.

    Vorbereitungen

    Erforderliche Rolle: ui_Builder_admin

    Warum und wann dieser Vorgang ausgeführt wird

    Eine Methode zur Erhöhung der Seitennutzbarkeit besteht darin, das Erscheinungsbild von Komponenten mithilfe verschiedener Konfigurationen über Haltepunkte hinweg anzupassen. Es gibt unzählige Möglichkeiten, die Komponentenkonfiguration zu verwenden. Bearbeiten Sie in diesem Verfahren mehrere Konfigurationsoptionen für die Listenkomponente, um sie für kleinere Formfaktoren besser geeignet zu machen.

    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 Sie eine Seite von Grund auf mit reaktionsfähiger Erstellung.
      Weitere Informationen zum Erstellen einer Seite finden Sie unter Erstellen Sie eine Seite in UI Builder .
    4. Überprüfen Sie oben, ob das Desktop-Formfaktor-Symbol ausgewählt ist.
      Schwarzer Pfeil, der auf das Desktop-Formfaktor-Symbol oben auf einer UI Builder-Seite in der Editor-Ansicht zeigt.
    5. Wählen Sie in der Phase aus + Inhalt hinzufügen .
    6. Auf Layouts Registerkarte auswählen Einzelne Spalte .
    7. Fügen Sie die Listenkomponente hinzu, indem Sie auswählen + Symbol in der Mitte der neuen Spalte.
    8. Auf Komponenten Suchen und wählen Sie aus Liste Komponente.
    9. Wählen Sie im Konfigurationsbereich aus Keine: Konfigurieren Sie die Komponente manuell .
    10. Zeigen Sie die Seite im Desktop-Formfaktor an.
      Seite mit Listenkomponente im Desktop-Formfaktor mit Symbolen, mehreren angezeigten Spalten und Paginierungsinformationen.

      Beachten Sie die angezeigten Elemente, einschließlich der Symbole oben, der Anzahl der Spalten und der Paginierungsinformationen unten.

    11. Wählen Sie das Symbol für den mobilen Formfaktor aus.

      Schwarzer Pfeil, der auf das Symbol für den mobilen Formfaktor oben auf einer UI Builder-Seite in der Editor-Ansicht zeigt.

      Beim mobilen Formfaktor ist die Listenkomponente überfüllt und enthält sowohl vertikale als auch horizontale Bildlaufleisten.

      Seite, die im mobilen Formfaktor mit Listenkomponente angezeigt wird.

      Nehmen Sie einige einfache Konfigurationsänderungen vor, um die Anwenderfreundlichkeit und das Erscheinungsbild des mobilen Formfaktors zu verbessern.

    12. Wählen Sie Aus Liste 1 In der Inhaltsstruktur.
    13. Im Konfigurationsbereich auf Konfigurieren Registerkarte, suchen Sie nach Anzahl der angezeigten Spalten Feld und Eingabetaste 1 .
      Nur die Nummer Spalte wird angezeigt. Die horizontale Bildlaufleiste wurde entfernt.
    14. Im Konfigurationsbereich auf Konfigurieren Scrollen Sie nach unten, um die folgenden Änderungen in vorzunehmen Header Abschnitt:
      1. Ändern Sie Größe Bis Klein .
      2. Wählen Sie aus Letzte Aktualisierungsinformationen ausblenden Option.
      3. Wählen Sie aus Listenaktionen ausblenden Option.
        Header-Abschnitt der Registerkarte „Konfigurieren“ des Konfigurationsbereichs.
        Bei jeder Änderung wurde die Phase automatisch aktualisiert. Der Header ist kleiner, die Aktualisierungszeit wurde entfernt, und das Symbol für Listenaktionen wurde entfernt.
      4. Wählen Sie Speichern.
    15. Scrollen Sie in der Phase nach unten in der mobilen Ansicht.
    16. Im Konfigurationsbereich auf Konfigurieren Scrollen Sie nach unten, und nehmen Sie die folgenden Änderungen in vor Paginierung Abschnitt (Wählen Sie bei Bedarf aus Paginierung Um das Feld zu erweitern):
      1. Wählen Sie aus Bereich ausblenden Option.
      2. Wählen Sie aus Zeilenanzahl ausblenden Option.
      3. Wählen Sie aus Blenden Sie die Auswahl für Zeilen pro Seite aus .
      4. Wählen Sie Speichern.
      Der Bereich, die Zeilenanzahl und die Auswahl für Zeilen pro Seite wurden entfernt. (Die Zeilenanzahl ist weiterhin oben auf dem mobilen Bildschirm verfügbar.)

      Seite, die im mobilen Formfaktor mit konfigurierter Listenkomponente angezeigt wird.

      Im Konfigurationsbereich werden die von Ihnen bearbeiteten Optionen und Felder mit dem mobilen Kaskadierungssymbol markiert.

    17. Wählen Sie das Symbol für mobile Kaskadierung neben einer beliebigen Option oder einem Feld aus, um zu bestätigen, dass der Wert für den mobilen Formfaktor gilt.
      Konfigurationsbereich mit angezeigter Registerkarte „Konfigurieren“ und einem schwarzen Pfeil, der auf den Wert zeigt, ist eine spezifische Nachricht.
    18. Wählen Sie das Tablet und die Desktop-Formfaktor-Symbole oben aus, um zu bestätigen, dass keine Änderungen an den größeren Formfaktoren vorgenommen wurden.