Detail View Modal window and print.css bite each other

Hi,

I also tested View Detail in a Modal window according to the tutorial. It works very well, but as I also have customized the print.css in Joomla with company specific header and footer (using component.php in the template root folder)I also get this unwanted header and footer displayed.

I have set "tmpl=component" and the rest of the template (header, left and right menu columns are hidden, but the print specific header and footer are being displayed. How do I get rid of them?

Thanks for helping
Greetings
Giori

Hi Giori,

Maybe if you set the print css to media:print; then it won't show on display ???

Bob

Yes, I set media="print" instead of media="screen,print" in component.php.

Now "View Record" is displaying properly, but when I want to print a page with the print icon the print specific header and footer are not displaying any longer.

It seems to be an either or question!

Thanks for helping!
Greetings
Giori

Hi Giori,

If you use @media just for that rule will that work?

@media screen, projection, tv {
  #foo { display: none; }
}

Bob