...
If you wish to use a different style sheet then please change this entry to reflect the style sheet you wish to use.
HTML Structure
| Code Block | ||
|---|---|---|
| ||
<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">© Astun Technology Ltd</div>
</div>
</div>
</div> |
You can change the order of the header or footer; change the position of the map element; add extra css classes to the elements to control using css. You may also change the logo but make sure the height of the logo image does not exceed the height of the footer/header provided in the Template Settings and of course the copyright text.
If you wish to remove the Legend from the Print template then simply remove the atLegends div e.g.
| Code Block |
|---|
<div id="atLegends" class="atBottomRight"></div><!-- other possible css classes: atBottomLeft, atTopRight, atTopLeft (you can use 1 at a time) -->
</div> |
| Warning |
|---|
Please do not change or remove the the 'IDs' or 'CLASS' from any element as this can create problems. |
Using the iShare predefined Selectors
There are currently four iShare selectors that you may use within your print template. We have used three of these in the above example.
| Selector | Description | Number on Diagram |
|---|---|---|
isharemaps-edit-inline | This displays an editable box where the user can type any information they require to be printed. This is designed to be used in line with other text or on its own. Here we have pre-populated the entry with iShare printing” but the user will be able to change this. | 1 |
isharemaps-edit-block | This displays an editable block designed to be used on block elements such as paragraphs. | not used in example |
isharemaps-print-date | This displays the current date | 2 |
isharemaps-scale | This displays the currently selected scale for the map | 3 |
These selectors may be used as many times as required in the template.
To see how the above selectors affect the print template please see the numbers in yellow in the following diagram:
Example Print to PDF from iShare GIS
The numbers in orange in the above diagram represent the following:
4. Clicking Generate PDF will generate the PDF file. This may take a little time depending upon the page size. For standard A4 it should not take more than a minute or two.
5. Select a template from the list of available templates.
6. Select the scale of the map from the pre-defined list.
7. Specify an exact scale by typing into the box provided.
8. Clicking Page setup will display the following dialog:
- Page size: You can select any page size from the provided dropdown.
- Page orientation: You can select either portrait or landscape orientation.
- Page margins: You can increase or decrease the page margins on any side of the page by means of the easy-to-use sliders.
9. This is where you logo and copyright statement will be displayed if you have used the default template.