WeWeb Documentation

Columns ​

The Columns layout is your go-to for quickly setting up a grid with columns, rows, or even a mosaic pattern. It's perfect for when you want a neat layout without the hassle of manually configuring flexboxes.

columns

Configuring the Columns ​

You can configure the columns using the following properties:

  • Items: Similar to other elements in WeWeb, you can bind the columns to a repeating element, allowing them to replicate according to the number of elements.
  • Display Type:
    • Columns: Arrange elements in a columnar format. Various presets are available, offering different widths and layouts to best suit your needs.
    • Rows: Organize elements in a row format.
    • Mosaic: Arrange elements in a mixed format, with presets that combine rows and columns for diverse layouts.