Comments (8)
Hello @cpitclaudel
Thank you for this very nice project. I was hesitant on whether to open a new issue, because my question is very related to this one. Would it be possible to somehow enforce a two column layout of the poster when printing to PDF? The thing is that some conferences do not accept landscape posters, but only vertical ones.
from academic-poster-template.
@Panadestein I can think of two ways to do this. One is to use a CSS grid instead of a flexbox, and force it to have exactly two columns. The second one is to change the flex-direction
of main
to row
instead of column
(to get left-to-right, top-to-bottom layout) and then adjust the scale when printing.
from academic-poster-template.
I found that you can print the page using a smaller page size and then resize it manually. The example poster from GitHub fits on the A2 page and after resizing it with Inkscape, it looks fine on A0. So this is a workaround, but maybe you know of a better approach?
Anyway, thanks for this great project regarding academic posters!
from academic-poster-template.
(Short answer: type javascript:document.getElementsByTagName("html")[0].style.zoom = 2
in your address bar before printing)
Long answer: Here's what I do (with Chrome):
- Set Layout to portrait
- Open 'More settings" section
- Set paper size
- Adjust "Scale" to fill the poster
This works up to size A1, where a scale of 170 does the trick.
For size A0, since Chrome doesn't let me increase "scale" past 200, I add a "zoom" property from CSS, and then printing with "scale" set to 115 fills an A0 page:
html { zoom: 2; }
A convenient way to do this is from the address bar, where you can just type javascript: document.getElementsByTagName("html")[0].style.zoom = 2
.
(See the discussion in the comments of https://academia.stackexchange.com/a/173015/24520 for a bit more details)
from academic-poster-template.
I wonder if it would be worth adding this zoom setting to a "media: print" rule in the stylesheet.
from academic-poster-template.
Great! Thanks a lot. I will definitely give it a try.
from academic-poster-template.
Thanks a lot, Clément. The first suggestion worked best for me. I used something in this direction:
grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
which renders to 2 nice columns when printing to A0 format.
from academic-poster-template.
Great news @Panadestein , thanks for the update! If your poster is public, feel free to add a link here :)
from academic-poster-template.
Related Issues (5)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from academic-poster-template.