Multiple column in admin form

Support Forms & Blueprints
1

Hi everyone,

I’ve been building a page with its own blueprint. And I want to display certain fields using columns. I managed to do it but only once. Meaning that after my first set of columns, I have a “type: spacer”, I am unable to have other fields in columns. They just stack each other as they do without columns.

Am I missing something. I can’t find any where saying that you can only have one set of columns and neither if there is anything special to do like closing tag “columns:”.

Thank you in advance.

here is what I have in my blueprint

        hero_title:
          type: spacer
          title: Header Banner

        columns:
          type: columns
          fields:
            column3:
              type: column
              fields:
                header.hero_title:
                  type: text
                  autofocus: true
                  style: vertical
                  label: Header Banner Title
                  description: 'If no title is added, the page title will be used'

            column4:
              type: column
              fields:
                header.hero_image:
                  type: filepicker
                  style: vertical
                  label: Header Banner Image
                  preview_images: true
                  description: 'This is the image showing at the top of the page'

        services_title:
          type: spacer
          title: Services

        header.service-one_title:
          type: text
          autofocus: true
          style: vertical
          label: Service 1 Title

        header.service1_image:
          type: filepicker
          style: vertical
          label: Service 1 Background Image
          preview_images: true