Erstellen Sie einen Haltepunkt für die reaktionsfähige Dokumenterstellung

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 1 Minute Lesedauer

    • Erfahren Sie, wie Sie anwenderdefinierte Haltepunkte für Responsive Authoring erstellen, um das Erscheinungsbild einer Seite bei verschiedenen Formfaktoren zu steuern.

    Vorbereitungen

    Erforderliche Rolle: ui_builder_admin

    Warum und wann dieser Vorgang ausgeführt wird

    UI Builder bietet derzeit drei Standardformfaktoren an:

    • Desktop (1281 Pixel und größer)
    • Tablet (1280 Pixel und kleiner)
    • Mobil (500 Pixel und kleiner)
    Fügen Sie bis zu drei zusätzliche Haltepunkte hinzu. Beispielsweise gibt es für Mobilgeräte einen Standardformfaktor von 500 Pixel und kleiner, möglicherweise benötigen Sie jedoch einen Haltepunkt von 360 Pixel.
    Hinweis:
    Anwenderdefinierte Haltepunkte stellen einen Bereich dar. Wenn Sie einen Haltepunkt bei 800 Pixel erstellen, gelten alle Änderungen für Geräte, die kleiner als die neue Größe sind. Beispielsweise verwendet eine Seite, die auf einem 750 Pixel breiten Bildschirm geöffnet wird, die 800 Pixel-Einstellungen (Eigenschaften und Stile), es sei denn, es gibt einen anderen anwenderdefinierten Haltepunkt bei 750 Pixel.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie Erstellen > Experiencewählen.
      Weitere Informationen zum Erstellen von Experiences finden Sie unter Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder.
    3. Öffnen Sie eine vorhandene, von Grund auf neu erstellte Seite mit reaktionsfähiger Dokumenterstellung, oder erstellen Sie eine neue Seite mit reaktionsfähiger Dokumenterstellung.
      Weitere Informationen zum Erstellen einer Seite finden Sie unter Seite in UI Builder erstellen.
    4. Wählen Sie das Menüsymbol neben den drei Formfaktorsymbolen aus.
      UI Builder-Editor-Ansicht mit schwarzen Pfeil, der auf das Formfaktor-Menüsymbol zeigt.
    5. Wählen Sie + Haltepunkt hinzufügen aus.
      Symbol für reaktionsfähiges Authoring-Menü mit schwarzer Pfeilmarkierung zum Hinzufügen der Haltepunktoption ausgewählt.
    6. Geben Sie eine Breite (in Pixel) ein, und wählen Sie Hinzufügen.
      Anwenderdefiniertes Haltepunktfenster.
      Der neue Haltepunkt wird gespeichert und als Formfaktor-Symbol angezeigt.

      Das Symbol für den neuen Formfaktor wird angezeigt.

      Wählen Sie beim Erstellen der Seite eines der Formfaktorsymbole aus, um die Seite in dieser Größe anzuzeigen und zu bearbeiten.

    7. Um einen anwenderdefinierten Haltepunkt zu bearbeiten oder zu löschen, wählen Sie das Menüsymbol, zeigen Sie auf den Namen des Haltepunkts, und wählen Sie das Symbol zum Bearbeiten oder Löschen.
      Symbol für reaktionsfähiges Authoring-Menü mit schwarzer Pfeilmarkierung auf Bearbeitungs- und Löschsymbole für einen anwenderdefinierten Haltepunkt erweitert.
      Hinweis:
      Die Standardformfaktoren (Desktop, Tablet und Mobilgerät) können nicht bearbeitet oder entfernt werden.