<html>
<head>
<title>__#QUICKPLOT_HEADER#__</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body, table, td, div, select, input
{
font: 8pt/1em __#@font#__;
}
div.Label
{
padding:5px 0px;
}
div.Ctrl
{
padding:5px 0px;
}
div.Title
{
font-size: 14px;
font-weight: bold;
padding: 10px 0px;
}
div.HPlaceholder5px
{
font-size:0px;
height:5px;
}
div.ButtonContainer
{
padding: 5px 0px;
text-align: right;
}
.FixWidth
{
width: 100%%;
}
input.Button
{
width:75px;
height:23px;
margin-left:7px;
}
</style>
<script language="javascript" type="text/javascript" src="%sjxlib.js"></script>
<script language="javascript" type="text/javascript" src="%squickplotpanel.js"></script>
<script language="javascript" type="text/javascript">
var captureWarningMessage = "__#QUICKPLOT_RESOLUTION_WARNING#__";
var failToPreviewMessage = "__#QUICKPLOT_PREVIEW_ERROR#__";
var targetType = %s;
var rendererName = "%s";
</script>
</head>
<body onload="restoreUI()" onunload="cleanup()">
<form id="Form1" name="Form1" method="post" action="%s">
<div class="Title FixWidth">__#QUICKPLOT_HEADER#__</div>
<div class="Label ">__#QUICKPLOT_TITLE#__</div>
<div class="Ctrl">
<input type="text" class="FixWidth" name="{field:title}" maxLength=100"/>
</div>
<div class="HPlaceholder5px"></div>
<div class="HPlaceholder5px"></div>
<div class="Label">__#QUICKPLOT_SUBTITLE#__</div>
<div class="Ctrl">
<input type="text" class="FixWidth" name="{field:sub_title}" maxLength=100"/>
</div>
<div class="HPlaceholder5px"></div>
<div class="HPlaceholder5px"></div>
<div class="HPlaceholder5px"></div>
<div class="Label">
<table cellspacing="0" cellpadding="0">
<tr>
<td><input type="checkbox" id="AdvancedOptionsCheckBox" onclick="setAdvancedOptionsUI(this.checked)" /></td>
<td><label for="AdvancedOptionsCheckBox">__#QUICKPLOT_ADVANCED_OPTIONS#__</label></td>
</tr>
</table>
</div>
<div class="HPlaceholder5px"></div>
<div class="Label">__#QUICKPLOT_PAPER_SIZE#__</div>
<div class="Ctrl">
<!--
The pre-defined paper size list. The value for each "option" item is in this format: [width,height]. The unit is in millimeter.
We can change the html code to add more paper size or remove some ones.
-->
<select class="FixWidth" id="PaperList" onchange="drawCaptureBox(this)">
<option value="297.0,210.0">A4 (210 MM x 297 MM)</option>
<option value="420.0,297.0">A3 (297 MM) x 420 MM</option>
<option value="279.4,215.9">Letter (8.50 x 11.00 Inches)</option>
<option value="355.6,215.9">Legal (8.50 x 14.00 Inches)</option>
</select>
</div>
<div class="HPlaceholder5px"></div>
<div class="HPlaceholder5px"></div>
<div class="Label">__#QUICKPLOT_SCALING#__</div>
<div class="Ctrl">
<!--
The pre-defined scales. The value for each "option" item is the scale denominator.
We can change the html code to extend the pre-defined scales
-->
<select class="FixWidth" id="ScalingList" onchange="drawCaptureBox(this)">
<option value="500">1 : 500</option>
<option value="1000">1 : 1000</option>
<option value="2500">1 : 2500</option>
<option value="5000">1 : 5000</option>
</select>
</div>
<div class="Label">__#QUICKPLOT_DPI#__</div>
<div class="Ctrl">
<!--
The pre-defined print DPI.
We can change the html code to extend the pre-defined values
-->
<select class="FixWidth" id="DPIList">
<option value="96">96</option>
<option value="150" selected>150</option>
<option value="300">300</option>
<option value="600">600</option>
</select>
</div>
<input type="hidden" id="ScaleDenominator" name="scale_denominator" />
<div class="ButtonContainer FixWidth">
<input type="button" class="Button" id="GeneratePlotButton" value="__#QUICKPLOT_GENERATE#__" onclick="generatePlot()" />
</div>
</form>
</body>
</html>