Dashboard is printing in mobile device size (undesirable viewer port) but i want to be printing in desktop size

[phandera]

0

I have been trying to print custom dashboard composed of high-charts, leaflet map and cards to fit one page using js but its printing in mobile view port. The problem is that when i print its printing in mobile size / view port which is making it to overflow to other pages instead of fitting to one page. After i failed printing i tried converting it to PDF using js-pdf but no fortunes.

The Dashboard has built using Quasar and Vuejs

Thanks for your assistance in advance

[Filipinjo]

I have the same problem… Did you manage to fix it, or does anyone else have an idea how to solve this?

[beets]

Maybe try too add to your css:

@page {
  margin: 0.25in;
  size: 8.5in 11in; 
}

If that doesn’t work, you could try to set the body width under the print rule, like:

@media print {
  body {
    width: 8.5in;
    height: 11in;
  }
}

[Filipinjo]

@beets I tried it both, but it’s still not working Thank you for an advice.

[Filipinjo]

This worked:
@page {
size: 330mm 427mm;
margin: 14mm;
}
I don’t know why mm worked and in not

[beets]

@Filipinjo Strange, but glad it worked anyway