Skip to page contentSkip to chat
ServiceNow support
    • Community
      Ask questions, give advice, and connect with fellow ServiceNow professionals.
      Developer
      Build, test, and deploy applications
      Documentation
      Find detailed information about ServiceNow products, apps, features, and releases.
      Impact
      Accelerate ROI and amplify your expertise.
      Learning
      Build skills with instructor-led and online training.
      Partner
      Grow your business with promotions, news, and marketing tools
      ServiceNow
      Learn about ServiceNow products & solutions.
      Store
      Download certified apps and integrations that complement ServiceNow.
      Support
      Manage your instances, access self-help, and get technical support.
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. - Known Error
  • >
  • Knowledge Base
  • >
  • Known Error (Knowledge Base)
  • >
  • 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.
KB0686089

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.


1222 Views Last updated : Apr 7, 2024 public Copy Permalink
KB Summary by Now Assist

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

The world works with ServiceNow.

Sign in for more! There's more content available only to authenticated users Sign in for more!
Did this KB article help you?
Did this KB article help you?

Attachments

Attachments

  • Screen Shot 2018-05-22 at 12.09.55.png

How would you rate your Now Support digital experience?

*

Very unsatisfied

Unsatisfied

Neutral

Satisfied

Very satisfied

Very unsatisfied

Unsatisfied

Neutral

Satisfied

Very satisfied

What can we improve? Please select all that apply.

What are we doing well? Please select all that apply.

Tell us more

*

Do you expect a response from this feedback?

  • Terms and conditions
  • Privacy statement
  • GDPR
  • Cookie policy
  • © 2025 ServiceNow. All rights reserved.