[Ultimate PDF]  Converting Three Web Block in One Screen to PDF only one is Downloading
ultimate-pdf
Reactive icon
Forge component by Leonardo Fernandes
Application Type
Reactive
Service Studio Version
11.14.15 (Build 60176)

I Have Three Web Block in One Screen and Trying to Download all three of them but only one of them 

is converting to pdf, WHEN  i Inspect the pdf file the HTML display property is none for other two  

Hi Mohd,

Please add below CSS in your screen as per below link -

https://www.outsystems.com/forums/discussion/69691/need-help-in-exporting-entire-webpage-to-pdf/


/* CSS for Reactive Printing */

@media all {
  .page-break {
    display: none;
  }
}
 
@media print {
  html, body {
    height: initial !important;
    overflow: initial !important;
    -webkit-print-color-adjust: exact;
  }
}
 
@media print {
  .page-break {
    margin-top: 1rem;
    display: block;
    page-break-before: auto;
  }
}
 
@page {
  size: auto;
  margin: 20mm;
}


I have created a sample and its working.

https://personal-itafqtdv.outsystemscloud.com/PdfSample/Home

Thanks

Vinod

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.