Client-Side JPEG Export for custom headers and custom Event content

Basically headers of type “Manual” are not displayed in the “Screen capture” and the Event content, generated with onBeforeEventDomAdd, where we create a component to viewContainerRef.createComponent and attach it to args.element.

One more thing:
If I set event.text, the jpeg export creates the text, but if I set event.html, the exported events are empty, only the background color is visible, the text is not.

Would be great if I could at least use the html option, as it allows to style the event text a little better (multi line, font-weight, paddings, colors, font-size etc…)
The only thing I can do with event.text is using the newline character “\n“ to get multiple lines.

If we could export the original board 1:1 with our custom injected angular components, buttons etc, that would be even better.

The capabilities of the image export are limited. Basically, you can export plain text and active areas.

If you need an exact copy and are happy with the current viewport, it’s better to make a screenshot.

If you want to export custom ranges, you can use onBeforeTimeHeaderExport and try to replicate the appearance using active areas. Active areas support images, padding, background and foreground color, vertical and horizontal alignment during image export.