Komponenten in UI Builder-Seiten organisieren

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer

    • Spaltenlayouts organisieren Komponenten auf einem UI BuilderSeite. Erfahren Sie, wie Spaltenlayouts in verwendet werden UI Builder.

    Mit Spaltenlayouts können Sie nützliche und visuell ansprechende Seiten in einer Experience erstellen. Ein Spaltenlayout ist eine Art flexibler Container, der Komponenten enthalten kann. Spaltenlayouts können Spalten mit gleicher oder unterschiedlicher Breite haben. Sie können das Spaltenlayout als Ganzes und die einzelnen Spalten innerhalb des Layouts konfigurieren. Legen Sie beispielsweise eine andere Rahmenbreite und -Farbe für ein Spaltenlayout und für die einzelnen Spalten im Layout fest. Spaltenlayouts können leere Spalten auf enthalten UI BuilderSeite zum Erstellen von Leerzeichen. Verwenden Sie mehrere Spaltenlayouts auf einer Seite. Beispielsweise könnte ein zweispaltiges Layout einen Header und ein Bild enthalten, dann könnte ein dreispaltiges Layout darunter weitere Komponenten wie eine Liste und ein Formular enthalten.

    Denken Sie über das Layout Ihrer Seite nach, bevor Sie mit der Erstellung beginnen. Analysieren Sie, was Sie erreichen möchten und wie komplex das Seitenlayout sein muss. Diese Fragen bestimmen, welche Art von Spaltenlayout oder Layouts Sie verwenden sollten.

    Beispiele für Spaltenlayouts, die in UI Builder verfügbar sind.

    Spaltenlayouts in UI BuilderVerwenden Sie standardbasierte CSS-Regeln (Cascading Style Sheets) und Weblayout-Technologien wie FLEXFIX Box, CSS-Raster und absolute Positionierung. Alles, was Sie in CSS tun können, können Sie hier tun. Besuchen Mozilla Um mehr über CSS zu erfahren.
    Hinweis:
    Wenn Sie bereits haben UI BuilderSeiten, die in einem früheren Release (Utah oder Tokio) erstellt wurden, können Sie ein Upgrade auf Vancouver oder Washington DC durchführen und den Seiten Spaltenlayouts hinzufügen.