Coder Social home page Coder Social logo

Generation of A0 PDF about academic-poster-template HOT 8 OPEN

tzok avatar tzok commented on August 15, 2024
Generation of A0 PDF

from academic-poster-template.

Comments (8)

Panadestein avatar Panadestein commented on August 15, 2024 1

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.

cpitclaudel avatar cpitclaudel commented on August 15, 2024 1

@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.

tzok avatar tzok commented on August 15, 2024

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.

cpitclaudel avatar cpitclaudel commented on August 15, 2024

(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.

cpitclaudel avatar cpitclaudel commented on August 15, 2024

I wonder if it would be worth adding this zoom setting to a "media: print" rule in the stylesheet.

from academic-poster-template.

tzok avatar tzok commented on August 15, 2024

Great! Thanks a lot. I will definitely give it a try.

from academic-poster-template.

Panadestein avatar Panadestein commented on August 15, 2024

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.

cpitclaudel avatar cpitclaudel commented on August 15, 2024

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 photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.