hide widget when printing

Posted May 03, 2024

I'm trying to apply “noprint” css class so widget doesn't get printed out… anyone have any idea how we can achieve this?

TIA!

1 comment

Date

Newest

May 07, 2024

Hey there,

The simplest approach off the top of my head would be to use the web widget Hide API together with the beforeprint event, e.g for messaging:

window.addEventListener("beforeprint", () => {
 zE('messenger', 'hide');
});

Then, just use the afterprint event to make the web widget visible again:

window.addEventListener("afterprint", () => {
  zE('messenger', 'show');
});

Hope this helps!

Tipene