When printing a Survey Response or printing to PDF, Image scales/Smileys and customer's choices/answers are not displayed in the Print output - Support and Troubleshooting

When printing a Survey Response or printing to PDF, Image scales/Smileys and customer's choices/answers are not displayed in the Print output Issue When printing a Survey Response OR Print to PDF, Image scales/Smileys and customer's choices/answers are not displayed in the Print output How to get the image scales/choices in Survey Response to display in the Print output

Steps to Reproduce:

Customer was using a custom UI Action- View Printable Version Issue reproducible out of the box in the base system using browser print option Create a Survey In Survey Designer, drag the Template control to the Category grid Click on the cogwheel for the template, select 'Smiley Faces' Add your questions as needed Add a trigger condition for the survey e.g incident State changes to Resolve Resolve an incident Take and submit the Survey Open the Survey instance and click on 'View User's response' related link Observe the view of the assessment/survey instance and that image scales and the user's choices/answers are displayed Right-click on the header and click Print *Note that answers to image scale questions are not shown in preview when compared to 'View User's response' above

Cause This is a Platform behaviour across platform. When you use Chrome's print option it skips the images.

Resolution There is an option to display the images in the Print option

1). Add the following style: ----------------- img { visibility: visible; display: block; } ---------

to the clone of 'assessment_take2' UI Page.

This will show images in print preview.

2). The customer can clone 'assessment_take2' ui page (as it is not supported to modify out of the box objects) and add this style

3). Then on their print preview button, redirect to this cloned ui page.

Please note that customization/implementation issues are outside the scope of ServiceNow Technical Support.

img { visibility: visible; display: block; }