Organisieren Sie Komponenten auf UI Builder-Seiten

Spaltenlayouts organisieren Komponenten auf einer Seite UI Builder. Erfahren Sie, wie Spaltenlayouts in UI Builderverwendet werden.

Mit Spaltenlayouts können Sie nützliche und optisch 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 enthalten. 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 innerhalb des Layouts fest. Spaltenlayouts können leere Spalten auf einer Seite UI Builder enthalten, um Leerraum zu schaffen. Verwenden Sie mehrere Spaltenlayouts auf einer Seite. Zum Beispiel könnte ein zweispaltiges Layout eine Kopfzeile 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.

Spaltenlayouts in UI Builder verwenden standardbasierte CSS-Regeln (Cascading Style Sheets) und Weblayout-Technologien wie Flexbox, CSS-Raster und absolute Positionierung. Was auch immer Sie in CSS tun können, können Sie hier tun. Besuchen Sie Mozilla, um mehr über CSS zu erfahren.

Hinweis:

Wenn Sie vorhandene UI Builder -Seiten haben, die in einem früheren Release (Utah oder Tokyo) erstellt wurden, können Sie ein Upgrade auf Vancouver durchführen und den Seiten Spaltenlayouts hinzufügen.

Folgendes wird derzeit in Spaltenlayouts nicht unterstützt:

• Spalten basierend auf Bedingungen ausblenden/anzeigen.
• Ziehen von Spalten in einem Layout, um sie neu anzuordnen.
• Spalten umbenennen (Sie können jedoch ein Spaltenlayout umbenennen).

• Spaltenlayouts
  Spaltenlayouts werden zum Entwerfen und Organisieren von UI Builder Seiten verwendet.
• Aktualisieren von Layouts in UI Builder
  Aktualisieren Sie in Quebec und Rome erstellte Layouts auf das neue Layoutsystem.
• Verwenden von Flexbox-Layouts in UI Builder
  Erstellen Sie ein Flexbox-Layout in UI Builder, um leistungsstarke Seiten zu erstellen, die Sie mit Cascading Style Sheets (CSS) anpassen und Ihre Leistung verbessern können.
• Verwenden von CSS-Rasterlayouts zum Erstellen einer Seite
  Erstellen Sie ein CSS-Rasterlayout in UI Builder, um leistungsstarke Seiten zu erstellen, die Sie mit Cascading Style Sheets (CSS) anpassen und Ihre Leistung verbessern können.
• Ändern Sie das Layout einer in Quebec oder Romeerstellten Seite.
  Fügen Sie Ihr Layoutdesign hinzu, und ändern Sie es, um das Aussehen Ihrer Seite zu ändern. Wählen Sie aus, wie Komponenten auf einer Seite durch Weblayout-Technologien von Cascading Style Sheets (CSS) wie Flexbox und CSS-Raster angezeigt werden.