Save as pdf and preview mode don't detect the print media style!

[AlaaHamoudah]

I did exact the same work, but what is showing in the window preview is the screen style, what is shown in the print simulation mode in chrome is the print css style, what is printed is the print mode?! When I save as pdf is export the screen style!! This is really weird, don't know what to do :(

Here is my css

printed-dashboard {
/* hide the printing component from @media screen */
display: none !important;
}

@media print {
/* invert the display (show/hide) properties of the main */
/* application component and the printing component       */

 printed-dashboard {
  display: block !important;
}

dashboard,
m-header {
  display: none !important;
}
}

FYI, I am using metronic template

[0583296053]

I also have this problem. what I need to do to fix it?

[AlaaHamoudah]

• Are you using a template or ur own custom template?
• Also please clear the browser cache
• Try it in a very basic angular app, and start from there

[0583296053]

using coreui admin template thank you