Column Layout height and position

Question

I'm trying to achieve this kind of display on my interface, but I find it to be difficult.
Is it possible to achieve such effect?

harshitb6843 · Answer

{
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents: {
          a!columnsLayout(
            columns: {
              a!columnLayout(
                contents: {
                  a!cardLayout(
                    contents: {},
                    height: "SHORT_PLUS",
                    style: "TRANSPARENT",
                    marginBelow: "STANDARD"
                  )
                }
              ),
              a!columnLayout(
                contents: {
                  a!cardLayout(
                    contents: {},
                    height: "SHORT_PLUS",
                    style: "TRANSPARENT",
                    marginBelow: "STANDARD"
                  )
                }
              )
            }
          ),
          a!columnsLayout(
            columns: {
              a!columnLayout(
                contents: {
                  a!cardLayout(
                    contents: {},
                    height: "SHORT_PLUS",
                    style: "TRANSPARENT",
                    marginBelow: "STANDARD"
                  )
                }
              ),
              a!columnLayout(
                contents: {
                  a!cardLayout(
                    contents: {},
                    height: "SHORT_PLUS",
                    style: "TRANSPARENT",
                    marginBelow: "STANDARD"
                  )
                }
              )
            }
          )
        }
      ),
      a!columnLayout(
        contents: {
          a!cardLayout(
            contents: {},
            height: "TALL",
            style: "TRANSPARENT",
            marginBelow: "STANDARD"
          )
        },
        width: "MEDIUM"
      )
    }
  )
}

Sign up

Login with SSO

Login to the community

Login with SSO