Multiple Editors in Columns

Support Themes & Styling
,
1

Hey,

i’m new in Grave and don’t realy know how to build a Page Editor with multiple Editors in columns.

My Code:

title: About
'@extends':
    type: default
    context: blueprints://pages

form:
  fields:
    tabs:
      fields:
        content:
          fields:
            content:
              unset@: true

            columns:
            type: columns
            fields:
              column1:
                type: column
                fields:

                      header.content_1:
                      type: editor
                      ordering@: 1
                      label: First

                      header.content_2:
                      type: editor
                      ordering@: 2
                      label: First

              column2:
                type: column
                fields:

                      header.content_3:
                      type: editor
                      ordering@: 3
                      label: Second

                      header.content_4:
                      type: editor
                      ordering@: 4
                      label: First

I hope someone can help me :slight_smile:

2

I found the Solution:

form:
  name: columns-form
  refresh_prevention: false

  fields:
    columns:
      type: columns

      fields:
        column0:
          type: column

          fields:
            header_1:
              type: text
              ordering@: 1
              label: First Header

            content_1:
              type: editor
              ordering@: 2
              label: First Content

            header_2:
              type: text
              ordering@: 3
              label: Second Header

            content_2:
              type: editor
              ordering@: 4
              label: Second Content

        column1:
          type: column

          fields:
            header_3:
              type: text
              ordering@: 1
              label: First Header

            content_3:
              type: editor
              ordering@: 2
              label: First Content

            header_4:
              type: text
              ordering@: 3
              label: Second Header

            content_4:
              type: editor
              ordering@: 4
              label: Second Content

    tabs:
      fields:
        content:
          fields:
            content:
              unset@: true
1 Like