Question

The website I’m working on currently has a print-icon which pop ups a printer-friendly page and the prints look fine. However, if the user hits CTRL+p (not pressing the “print icon”) the printer friendly version is not used. So the problem is how do I get the user to print the printer-friendly version when they hit CTRL+p?

What might pose as an obstacle, is that the printer friendly page is generated using XSLT. Any ideas?

I’ve looked through some articles that involve using CSS, but then it seemed that I need to redefine/create new printer-friendly page/CSS-layout and I did not see how I could implement this with XSLT. I still include a CSS-tag, in case some of you brilliant minds have a way to solve this using CS. If it’s not possible, I’m sorry for posting with wrong tags..

Answer 1

Use a style sheet with the @media print option to hide the none print elements.

I’ve had a quick go and I think I’ve stripped most elements, you should be able to tweak this further to better suit your needs.

@media print {

  #col1,#col2 { display:none; }

  #crumbs,#header_smallmenu,#header_search { display:none;}

  .solidblockmenu { display:none; }

  .addthis_toolbox addthis_default_style { display:none;}

  #hbfooter, .hbfooter { display:none; }

  body {background-image: none;}

}