Hi Manoj,

I could see the function is called incorrectly. Change the function name and try again.

Issue:

<div>
<b> Account: </b>
<g:ui_reference id="account" name="account" table="customer_account"/>
<button onclick="showUsers()">Search</button>
<button onclick="print()">Print</button>
</div>

function printpage() {

//Get the print button and put it into a variable
var printButton = document.getElementById("printpagebutton");
var postButton = document.getElementById("postnews");
var reenterButton = document.getElementById("reenterthenews");

//Set the button visibility to 'hidden'
printButton.style.visibility = 'hidden';
postButton.style.visibility = 'hidden';
reenterButton.style.visibility = 'hidden';

//Print the page content
window.print()

//Restore button visibility
printButton.style.visibility = 'visible';
postButton.style.visibility = 'visible';
reenterButton.style.visibility = 'visible';

}

Correction:

Change the function name from printpage() to print().

function print() {

//Get the print button and put it into a variable
var printButton = document.getElementById("printpagebutton");
var postButton = document.getElementById("postnews");
var reenterButton = document.getElementById("reenterthenews");

//Set the button visibility to 'hidden'
printButton.style.visibility = 'hidden';
postButton.style.visibility = 'hidden';
reenterButton.style.visibility = 'hidden';

//Print the page content
window.print()

//Restore button visibility
printButton.style.visibility = 'visible';
postButton.style.visibility = 'visible';
reenterButton.style.visibility = 'visible';

}