Custom Quote Template Beta

fatihpinarbasi
Member | Partner
Member | Partner

Landscape mode in Custom Quote

Hello there. We're so new to this beta feature and we need help 🙂
Do you think it is possible to make the custom quote in landscape mode; both the quote itself and downloadable pdf, too?

1 Reply 1
BootstrapC
Top Contributor | Partner
Top Contributor | Partner

Landscape mode in Custom Quote

Have you tried adjusting the print CSS styles with something like this? I haven't tried this in an actual HubSpot quote but something like this should work.

@media print {
   /*  sets printed page landscape and no margin so color bleeds to edge */
   @page {
      size: landscape;
   }
}

 

Here is a Codepen example you can experiment with: https://codepen.io/JacobLett/pen/dydpXLx

Try printing this live page: https://cdpn.io/pen/debug/dydpXLxScreen Shot 2022-05-12 at 5.57.37 AM.png

 

Sources

https://stackoverflow.com/questions/39356258/force-landscape-orientation-in-css

0 Upvotes