Topics created by arthuriques

If you are using the chrome-pdf recipe, the easiest way is usually to use the native 'Header' and 'Footer' templates in the jsreport studio. Anything you put in that header template section will automatically repeat on every page. Just make sure you leave enough margin in your main template so the header doesn't overlap with your content!

hi @arthuriques seems that the tailwind asset does not exists on the playground

You can implement a globaly scoped script that will add to every template additional data from a global setting.

const jsreport = require('jsreport-proxy') async function beforeRender (req, res) { const dataItem = await jsreport.documentStore.collection('data').findOne({ name: 'data-global'}) req.data.global = JSON.parse(dataItem.dataJson) }

https://playground.jsreport.net/w/anon/VTLbIcbz

You can try chrome scale settings

Or CSS scale rule
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale

Or maybe even some javascript function that crawls whole dom and smaller or text elements...

Such tasks are solved using templating engine / handlebars
https://jsreport.net/learn/handlebars

See the updated demo
https://playground.jsreport.net/w/anon/m5RpBUlb

Should the fonts be installed in the official jsreport image or do I need to create a new image from this playground worker?

I installed the fonts in the official jsreport image and it had no effect.
Do you have any suggestions on something I did wrong?

I am not sure I understand the question, but maybe this can be one of the approaches.
https://playground.jsreport.net/w/anon/PASAZy83h

Most of such things can be easily solved using handlebars. Here you can find detailed documentation
https://handlebarsjs.com/guide/
Also, there are tons of resources on StackOverflow so just google "handlebars ..."

Please try to share minimal playground demo when asking questions. Just like I did. Without specific noise around. This will help us to understand your question and provide the best answer.