brentthorne / posterdown

Use RMarkdown to generate PDF Conference Posters via HTML
https://brentthorne.github.io/posterdown_html_showcase/
Other
842 stars 131 forks source link

Specify relative column width in posterdown_html #108

Open hollzzar opened 4 years ago

hollzzar commented 4 years ago

I have a similar enhancement request to one you just implemented for posterdown_betterland. I would like to be able to specify relative column widths in posterdown_html. So I'd like to be able to say that column 2 of a 3-column poster should be 40% of the width. Thanks!

jordaoalves commented 4 years ago

I also wanted to know, because I want to make a poster with 2 columns

hollzzar commented 4 years ago

@jordaoalves you may already know this, but based on the wording of your comment I wanted to note that you can specify the number of columns with column_numbers in the YAML header

jgalsku commented 3 years ago

Hi, I second @hollzzar's request to please implement a way to specify the relative width of the posterdown_html columns. Thank you!

brentthorne commented 3 years ago

Hi there,

This is a feature I would love to include, unfortunately the way the body columns work via CSS it is actually not possible as far as I know.

If there is a CSS wizard out there who is aware of a way to implement this then I would love to know!

enne-anastasia commented 1 year ago

A bit of a rough workaround could be using CSS grid container. The minimal working example would look like this.

The style.css file:

.gridContainer {
  display: grid;
  grid-template-columns: 8in 16in 8in; /*columns widths*/
  column-gap: 0.3in;
}

And the .Rmd file:

---
title: Generate Reproducible & Live HTML and PDF Conference Posters Using RMarkdown
poster_height: "46.8in"
poster_width: "33.1in"
output: 
  posterdown::posterdown_html:
    css: style.css
---

:::: {.gridContainer}

::: {.col_1}
# Column 1

some text
:::

::: {.col_2}
# Column 2

some text
:::

::: {.col_3}
# Column 3

some text
:::

::::