How to customize the details when you execute "Ctrl + P" at the web page

How to customize the details when you execute "Ctrl + P" at the web page

  

Hi guys,


Good Day!


Any Idea how to customize when printing a web page

Sample: When you at the web page then you execute "Ctrl + P"

Hi Mark,

What kind of customization you are looking for ?


Regards

-PJ-

PRAMOD JAIN wrote:

Hi Mark,

What kind of customization you are looking for ?


Regards

-PJ-

Hi Pramod,


I Want to customize what is inside on the PDF


Example: Removing the Header and footer also the button, please see on the attached photo


I Want to customize the whole format what inside on the pdf



Take a look at this component to print a html page and customize it with CSS

Hi Mark,


You can do this thing using CSS  media print. you just need to add the below CSS in your page which you are going to print. this CSS will only work when you are printing the page.

@media print { 
 /* All your print styles go here */
.Yourbuttonclass { display: none; } 
.Yourheaderclass { display: none; }
.Yourfooterclass { display: none; }
}

Thanks, 

PP