Skip to Content (Press Enter)
UserImage.jpg
Mark Anthony Gonzales
84Views
4Comments
How to customize the details when you execute "Ctrl + P" at the web page
Question

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"

0
0
03 Aug 2018
Copy Link
2025-08-22 10-19-44
Pramod Jain
 
MVP

Hi Mark,

What kind of customization you are looking for ?


Regards

-PJ-

1
0
03 Aug 2018
Copy Link
UserImage.jpg
Mark Anthony Gonzales

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



Untitled.png
0
0
03 Aug 2018
Copy Link
2020-06-02 12-03-59
Martin den Braven

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

0
0
03 Aug 2018
Copy Link
2018-08-26 20-34-32
Pankaj pant

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

0
0
03 Aug 2018
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.