Skip to main content
Solved

Layout Editing

  • February 13, 2026
  • 2 replies
  • 0 views

Forum|alt.badge.img

Hello

I want to change the layout of page from single column to two columns view. Could you guide me through the process?

 

Best answer by Albert de Ruiter

Hi Sumisha,

I have an example for you. What you see on your screen is put in a ‘cols’ section, so in the page layout like “cols": and then the width.

By adding a new cols section you get your second column.

{

  "_type": "entity.controller",

  "children": {

    "_type": "entity.page.detail",

    "showViolations": true,

    "showSaveStatus": true,

    "children": {

      "_type": "entity.entity",

      "children": {

        "_type": "grid",

        "items": [

          {

            "cols": 14,

            "children": [

              {

                "_type": "entity.card",

                "title": "General information",

                "children": [

                  {

                    "_type": "entity.property",

                    "name": "businessDefinition"

                  }

                  ....

                ]

              }

          },

          {

            "cols": 10,

            "children": [

              {

                "_type": "entity.card",

                "children": [

                  {

                    "_type": "entity.property",

                    "name": "translations"

                  }

                ]

              }

              ...

            ]

          }

        ]

      }

    }

  }

}

2 replies

Albert de Ruiter
Rocket Pioneer L1
Forum|alt.badge.img+4
  • Rocket Pioneer L1
  • Answer
  • February 13, 2026

Hi Sumisha,

I have an example for you. What you see on your screen is put in a ‘cols’ section, so in the page layout like “cols": and then the width.

By adding a new cols section you get your second column.

{

  "_type": "entity.controller",

  "children": {

    "_type": "entity.page.detail",

    "showViolations": true,

    "showSaveStatus": true,

    "children": {

      "_type": "entity.entity",

      "children": {

        "_type": "grid",

        "items": [

          {

            "cols": 14,

            "children": [

              {

                "_type": "entity.card",

                "title": "General information",

                "children": [

                  {

                    "_type": "entity.property",

                    "name": "businessDefinition"

                  }

                  ....

                ]

              }

          },

          {

            "cols": 10,

            "children": [

              {

                "_type": "entity.card",

                "children": [

                  {

                    "_type": "entity.property",

                    "name": "translations"

                  }

                ]

              }

              ...

            ]

          }

        ]

      }

    }

  }

}


Forum|alt.badge.img
  • Author
  • Data Pioneer
  • February 13, 2026

Thanks Albert. That worked.