Image is not appearing on print preview page

[srath]

Hi

I have a requirement from my client like there should be a print option available for each 'Business Service Catalog'.

I tried to achieve this by adding a print button to catalog UI page with following code.

<button id="print_button" onclick="window.print()" title="Print the current Business Service">

<img src="images/printer.gifx">Print</img>

</button>

On clicking the button printing functionality is working fine but the images (i.e icons of catalog) are not appearing on print preview page.

Please suggest me on this either from your direct experience or just your own opinion.

Thanks,

Sitarani

[Aitor Cabello]

Thanks for you reply @greg_faber . 

It works when you add the class.

[randrews]

did you check your browser settings to ensure print images is selected

[srath]

Yes Doug.. images are appearing for print preview of knowledge article.

I am calling the same function on clicking the print button present in the UI page as the 'click here to print' button in knowledge article

[DustinSpain]

I had this issue as well. (UI Page with company logo at top of page that would not show in print preview) Adding the following code to the CSS or <style> resolved the issue.

@media print{
     img{
          display: inline;
          visibility: visible;
     }
}

Hope that helps someone.