How can I control the DOM programmatically from Quarto? #9780
-
DescriptionI wrote the following code to create a Revealjs presentation programmatically from Quarto using R but, even though it is very similar to other people's code I have seen online, it does not work as expected. The two images should be placed side-by-side as specified by the class, instead they are in one column, one above the other: ---
title: "A study"
author: "Author"
format:
revealjs:
navigation-mode: grid
slide-number: h.v
slide-level: 3
execute:
echo: false
---
```{r}
#| echo: false
#| output: asis
patients <- 1:4
for (patient_num in patients) {
cat(paste("\n## Patient", patient_num))
cat('\n::: {layout-ncol=2}\n')
cat(paste0("![KRT17](Images/Patient_", patient_num, "_plots/Patient_", patient_num, "_krt17.png)\n"))
cat(paste0("![panCK](Images/Patient_", patient_num, "_plots/Patient_", patient_num, "_panCK.png)\n"))
cat(':::\n')
}
```Can anyone tell me what I am doing wrong? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 9 replies
-
|
Can you format your code part correctly ? https://quarto.org/bug-reports.html#formatting-make-githubs-markdown-work-for-us Also, you should look at This will allow to know if this is something related to how Knitr produce the output or just something not working and not involving the R computation part. |
Beta Was this translation helpful? Give feedback.
-
Sorry for not being very clear, I meant that I get the same problem.
What you shared is what I expect but not what I get, see the following video: Presentation.Recording.movAs you can see, in my presentation the images are aligned vertically instead if horizontally. |
Beta Was this translation helpful? Give feedback.
-
If I use the same 100x100 placeholder images as you I get the same, the images are on the same row (side by side). But I think that that is because the images are small and the horizontal alignment is the default. Can you try with bigger images? |
Beta Was this translation helpful? Give feedback.
-
|
@AlbertoFabbri93 I suggest you use the provided example below and change it, including the dimensions of the image directly in it until you have a reproducible example to share. You can share a self-contained "working" (reproducible) Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four If you have multiple files (and if it is absolutely required to have multiple files), please share as a Git repository.
Additionally and if not already given, please share the output of |
Beta Was this translation helpful? Give feedback.
-
|
@AlbertoFabbri93 I missed this but this is because you are not adding images on two paragraphs ## Patient 1
::: {layout-ncol=2}
:::This is only one paragraph in Markdown, so there is nothing to but in the right column. You need to add each one in its own paragraph ## Patient 1
::: {layout-ncol=2}
:::So add a newline ---
title: "A study"
author: "Author"
format:
revealjs:
navigation-mode: grid
slide-number: h.v
slide-level: 3
execute:
echo: false
keep-md: true
---
```{r}
#| echo: false
#| output: asis
patients <- 1:4
for (patient_num in patients) {
cat(paste("\n## Patient", patient_num))
cat('\n::: {layout-ncol=2}\n')
cat(paste0("\n"))
cat("\n")
cat(paste0("\n"))
cat(':::\n')
}
``` |
Beta Was this translation helpful? Give feedback.
-
|
Thank you very much!! |
Beta Was this translation helpful? Give feedback.
@AlbertoFabbri93 I missed this but this is because you are not adding images on two paragraphs
This is only one paragraph in Markdown, so there is nothing to but in the right column.
You need to add each one in its own paragraph
So add a newline