Page Comparison

There is a GetData request for retrieving the names of the .html files in the Web\Print folder. See Return a List of Print Templates for details.

//Leave the properties which you want to change, you can safely remove the rest
var defaultSettings = {
    'marginTop' : 10, //mm
    'marginRight' : 10, //mm
    'marginBottom' : 10, //mm
    'marginLeft' : 10, //mm
    'pageSize' : 'A4', //full list http://doc.trolltech.com/4.6/qprinter.html#PageSize-enum
    'orientation' : 'portrait', //Possible values 'landscape' & 'portrait'
    'headerHeight' : 0, //mm
    'headerPadding' : 0, //mm
    'footerHeight' : 15, //mm
    'footerPadding' : 1 //mm
    'scales' : [ 250000, 125000, 50000, 25000, 10000, 5000, 2500, 1250, 1000, 500, 250, 125 ]
}

1. Due to some restrictions adjusting the height of the map element to correctly position it in the selected page size; you will need to adjust the header and footer height or padding using these options. PLEASE DO NOT USE CSS TO ADJUST HEIGHT OR PADDING OF HEADER AND FOOTER.
2. At present the page size and print scale only generate accurate results when defined in Millimeters, as above, and not pixels etc.

<script type="text/javascript" src="../js/lib/prototype-1.6.0.3.js"></script>
        <script type="text/javascript" src="../FileIncluderJS.aspx"></script>
        <script>Astun.JS.IncludeJS('print');</script>

No JavaScript files should be removed as the maps and will not work properly.

<link type="text/css" rel="stylesheet" href="css/templates/astun-A4-common.css" />

<div id="wrapper">
    <div id="header"></div>
    <div id="mapWrapper">
        <div id="map"></div>
        <div id="atLegends" class="atBottomRight"></div><!-- other possible css classes: atBottomLeft, atTopRight, atTopLeft (you can use 1 at a time) -->
    </div>
    <div id="footer">
       <div id="atGenInfo">
            <h1 id="atPageTitle" class="isharemaps-edit-inline">iShare printing</h1>
            <p id="scale">Scale: 1:<span id="isharemaps-scale">undefined</span></p>
            <p class="printinfo">Printed on: <span id="isharemaps-print-date"></span></p>
       </div>
       <div id="atCompanyDetails">
            <img src="images/print-logo.jpg" id="logo" />
            <div id="copyright">&copy; Astun Technology Ltd</div>
       </div>
    </div>
</div>

Please do not change or remove the the 'IDs' or 'CLASS' from any element as this can create problems.

The PDF generation does not support .gif images.

<div id="atLegends" class="atBottomRight"></div><!-- other possible css classes: atBottomLeft, atTopRight, atTopLeft (you can use 1 at a time) -->
    </div>

<style type="text/css">#mapWrapper {
    overflow:hidden;
 }
</style>

<script type="text/javascript" src="../custom/js/printusername.js"></script>

<table border="0">
	<tr><td>
		<img src="images/northarrow.png" height="30">
	</td><td>
		<h1 id="atPageTitle" class="isharemaps-edit-inline">Enter map title</h1>
		<p id="scale">Scale: 1:<span id="isharemaps-scale">undefined</span></p>
		<p class="printinfo" style="font-size: 10px">Printed on: <span id="isharemaps-print-date"></span></p>
	</td></tr>
</table>