Printer Friendly Page


Contents

  1. 1 Print button for Google Sites page:
  2. 2 Print Button Example:
  3. 3 Print Image Button :



Print button for Google Sites page:


Print the entire page of a Google Site using the javascript object document.referrer to get the Active Webpage.

 document.referrer (ie. The Referrer of the Embedded Gadget).

...and the Google Sites system parameters 

?tmpl=/system/app/templates/print/

for a Printer Friendly document, without the header and sidebar.

&showPrintDialog=1

Shows the printer Dialog Box for printing preferences.


Print Button Example:


<form xmlns="http://www.w3.org/1999/xhtml"> 
<input onclick="window.open(document.referrer+'?tmpl=/system/app/templates/print/&showPrintDialog=1')"  type="button" value="Print this Google Sites Page"></form>

Print Image Button :


+ Inline CSS
+ <Div> Center Align
+ Embed Gadget -  height 150px


<form xmlns="http://www.w3.org/1999/xhtml">
<style>
body{
background-color: #eee;
}
</style>
<div align="center">
<a alt="Print this Google Sites Page!" title="Print this Google Sites Page!" href="" onclick="window.open(document.referrer+'?tmpl=/system/app/templates/print/&amp;showPrintDialog=1');return false;"><img border="0" src="http://www.goopal.org/Google-Sites-Embed/printing-options/printer-friendly-page/printer-icon.png" /></a></div><br><br><br></form>