Printing KB Article from Service Portal

Gwen Vanderhaeg · ‎02-09-2017

Hi Community!

I am looking for a solution to the following issue:
When end users try to print a KB article from our Service Portal the actual article (widget KB Article Page) gets cut.
You see the "slider" on the right hand side on your print, but of course the idea is to have the entire article printed.

I suppose this can be fixed by editing something in the CSS of this specific widget?

Else I would also find it acceptable to solve as follows:
Put a Link Button on the page with Print Icon and instead forward to "printer friendly" version of the page
kb_view.do?sysparm_article=KBXXXXX

But then in this scenario I don't know how to put the KB article number in the HREF box.

Suggestions?

Thanks in advance!

Gwen

Gaurav Bajaj · ‎03-23-2017

Hello Gwen,

I am pasting the HTML part for the copy of KB Article Widget here. You can remove the printdiv function from client controller part as i haved added it in HTML body itself.

This solution works for me.

<div id="printarea" >

<h4 class="panel-title">{{::data.short_description}}<span class="pull-right">{{::data.number}}</span></h4>

</div>

${Authored by {{::data.author}}}

</span>

${{{::data.sys_view_count}} View}

</span>

<span ng-if="data.sys_view_count > 1" class="views pad-right">

${{{::data.sys_view_count}} Views}

</span>

<sn-day-ago date="data.publishedUtc"/>

</span>

<span ng-if="data.rating > 0 && !data.direct" title="{{::data.rating}} rating">

</span>

</div>

${View or download the attachments below}

</h4>

<sp-attachment-manager table="'kb_knowledge'" sys-id="data.sys_id" omit-edit="true"></sp-attachment-manager>

</div>

</div>

${Article not found}

</div>

<a href="javascript:void(0)" onclick="printDiv('printarea')"> <span class="glyphicon glyphicon-print"></span> Print</a>

<script>

function printDiv(divName) {

var printContents = document.getElementById(divName).innerHTML;

var originalContents = document.body.innerHTML;

document.body.innerHTML = printContents;

window.print();

document.body.innerHTML = originalContents;

}

</script>

Please mark it correct if this resolves your concern.

View solution in original post

Jeslin · ‎05-24-2019

Can please provide the server script

Poorva Bhawsar · ‎05-31-2022

Hi Gaurav,

I tried this, its working fine in my PDI, but in our client instance we are recently moved to esc portal, same thing i am doing but its not showing print option on KB article page.

Can you help me with this?

What else i can do?

Thanks

Bala13 · ‎06-15-2022

Hi @Gaurav Bajaj

I have tried the above mentioned script in my cloned KB article page widget, but when clicking on Print option it shows empty.

Could you please help me with this?

niveditakumari · ‎08-30-2023

Hi @Gaurav Bajaj,

I have to achieve it.

Can you please confirm to which widget I need to make changes.

Regards,

Nivedita

Phil Feng · ‎06-27-2018

document.body.innerHTML = printContents;

document.body.innerHTML = originalContents;

would kill all the buttons right?