Question
Keansa
IN
Last activity: 23 Mar 2018 2:30 EDT
How to Hide buttons and other additional text when we click on Print.
Can u suggest a approach that not to Print Buttons and other additional text and should to print only the body of HTML. I included following code in the HTML :
<td nowrap='nowrap' align='center'>
<button onclick="myFunction()" class='littleButton' title='<pega:lookup property=".pyActionPrompt" value="Print"/>' id="button3" name="button">
<span class='buttonLeft'></span>
<span class='buttonMiddle'>
<span class='buttonText' onmouseover="this.className='buttonTextHover'" onmouseout="this.className='buttonText'"><pega:lookup property=".pyButtonLabel" value="Print"/></span>
</span>
<span class='buttonRight'></span>
</button>
</td>
<script>
function myFunction()
{
window.print();
}
</script>
Accepted Solution
Pegasystems Inc.
IN
Hi,
Use the below code i.e styling
@media print {
.littleButton{
display: none;
}
}