End of Survey Print Button Formatting | XM Community
Solved

End of Survey Print Button Formatting

  • 4 March 2020
  • 3 replies
  • 156 views

Userlevel 7
Badge +6
Does anyone know of a way to:
1. Hide the header in an end of survey message?
I'm trying to add this code to the end of survey message within script tags, but it isn't hiding the header.
~~~~~~~~~~~
Qualtrics.SurveyEngine.addOnload(function () {
jQuery("#Header").hide();
});
~~~~~~~~~~

2. Strip some of the added values that appear when you print a webpage (see image below).

!
icon

Best answer by npetrov937 14 March 2020, 01:08

View original

3 replies

Userlevel 4
Badge +4
I have encountered similar issues in the past when trying to print a page - I was trying to generate custom certificates for users.

Hence, I found an elegant, albeit slightly arduous, solution: I print an image of only specific parts of the page - in my case just a big div element which contains all of my information. To do this, I use the dom-to-image JS library - https://github.com/tsayen/dom-to-image. In other words, I specify the content on the page (a div element) which is then made into an image and finally printed as pdf.

Here is the final result.

Happy to share the .qsf via PM.
Badge

Hi #npetrov937,
Could you share your the .qsf file? I am interested in this solution.

Userlevel 7
Badge +21

banaryoli you could also look at this.

Leave a Reply