Grid Object Editor

Displays object properties using a grid system to position property editors within a fieldset layout.

Activation Conditions

  • "type": "object"
  • "x-format": "grid"

Grid Options for Properties

  • columns: How many columns should the editor occupy
  • offset: How many columns should the editor be offset
  • newRow: Whether the editor should be put in a new row

Example

{
  "x-format": "grid",
  "type": "object",
  "title": "Login",
  "properties": {
    "email": {
      "title": "E-Mail",
      "type": "string",
      "format": "email",
      "x-grid": {
        "columns": 6
      }
    },
    "password": {
      "title": "Password",
      "type": "string",
      "minLength": 8,
      "x-grid": {
        "columns": 6
      }
    }
  }
}