Service Portal (using Bootstrap 3.3.6) pages do not print in colours. Icons will display in greyscale and b/w even when printing the page as PDF.


Description

Service Portal does not render images or icons in colours when printing a page, it will display mostly everything in black and white / greyscale even when printing the page as PDF.

 

Steps to Reproduce

 

1 - Go to the portal page /sp

2 - Print the page

Notice the page will not contain any colours from headers and icons:

Workaround

This behaviour is expected, by design of the Bootstrap 3.3.6 version, which is the only one currently usable in Service Portal. There are no plans on upgrading to Bootstrap 4.

The workaround consists in using a @media print {} CSS selector to overwrite the background colour:

@media print {

     .alert-danger {
        color: yellow !important;
        background-color: red !important;
    }
}

 


Related Problem: PRB1150518