UI.Grid

Name	Mandatory	Description	Default	Type
⬅️ Input		The value that will be passed to the Contents shards of the grid.		Any
Output ➡️		The output of this shard will be its input.		Any
Contents	No	The UI contents.	None	NoneShard[Shard]
Striped	No	Whether to alternate a subtle background color to every other row.	false	Bool&BoolNone
NumColumns	No	The number of columns in the grid. Setting this will allow the last column to expand to take up the rest of the space of the parent UI.	None	Int&IntNone
MinWidth	Yes	Minimum column width.	None	Float&Float
MaxWidth	Yes	Maximum column width.	None	Float&Float
Spacing	Yes	Spacing between columns/rows.	None	Float2&Float2

Simple grid layout.

Examples

Code

@wire(ui-wire {
  UI.Window(
    Title: "UI Grid"
    Position: @f2(0 0)
    Anchor: Anchor::Center
    Width: 700
    Height: 400
    Contents: {
      {
        UI.Grid(
          Striped: true
          Contents:
          {"Col 1" | UI.Label
            "Col 2" | UI.Label
            "Col 3" | UI.Label
            UI.NextRow
            "Hello" | UI.Label
            "shards" | UI.Label
            "!" | UI.Label
            UI.NextRow
            "Lorem ipsum dolor sit amet" | UI.Label
            "consectetur adipiscing elit" | UI.Label
            "sed do eiusmod tempor" | UI.Label
          }
        )
      }
    }
  )
} Looped: true)

{ui-behavior: ui-wire}

 

---