Custom layout with figure spanning multiple rows

[tomshafer]

Hi,

I'm really enjoying Quarto! I can't figure out, though, how to create a three-figure layout where two figures are stacked on the left and the third spans the right. The documentation demonstrates the horizontal case with #| layout: [[1, 1], [1]], but it isn't clear how to do the transposition.

Many thanks for the help.

[jjallaire]

There unfortunately isn't a way to do this right now.

[tomshafer]

That explains it, then. Many thanks!

…

On Jun 28, 2022, at 1:38 PM, J.J. Allaire ***@***.***> wrote:  There unfortunately isn't a way to do this right now. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.

[YinCY123]

Is there are any solutions right now? 2024/11

[mcanouil]

No, there isn't.
layout is a row-wise system.

---

edit: you can use whatever underlying technology the format you are targeting is using, for example, if you target HTML (not Reveal.js):

---
title: "Quarto Playground"
format: html
---

::: {.grid}

::: {.g-col-6}
![]({{< placeholder 600 800 >}})
:::

::: {.g-col-6}
::: {.grid}
::: {.g-col-12}
![]({{< placeholder 600 400 >}})
:::
::: {.g-col-12}
![]({{< placeholder 600 400 >}})
:::
:::
:::

:::

See https://quarto.org/docs/output-formats/page-layout.html#css-grid