<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- Start Webworks code in head section-->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <!-- saved from url=(0014)about:internet -->
    <title>Customise window</title>
    <link rel="StyleSheet" href="" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/webworks.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="document.css" type="text/css" media="all" />
    <script type="text/javascript" language="JavaScript1.2" src="scripts/expand.js"></script>
    <script type="text/javascript" language="JavaScript1.2" src="scripts/seealso.js"></script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        var  WebWorksRootPath = "";
      // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        		var  WebWorksSeeAlso = "xxx";
		      // -->
    </script>
    <!-- End Webworks code in head section-->
    <!-- Start custom CSS for layout-->
    <style>	
		#topborder {
		position : absolute;
		top: 0px;
		left:0px;
		width : 100%;
		height: 36px;
		background-color: #E4F1F8;
		padding: 0px;
				}
		#navigation {
		position : absolute;
		clear: right;
		top: 90px;
		width : 20%;
		left: 10px;
		border-right:3px dotted #C2DDF3;
		padding : 1px;
		overflow: hidden;
		}
		#content {
		margin-top: 42px;
		margin-left : 23%;
  		padding : 1px;
		}
		</style>
    <!--End custom CSS for layout-->
  </head>
  <body style="">
    <!--ZOOMSTOP-->
    <!--Above is code to tell the search engine to not index top matter-->
    <div id="topborder">
      <!--Start navigation buttons and company info at top of page-->
      <div style="text-align: left;">
        <table height="32px" cellspacing="5" summary="" align="right">
          <tr>
            <!--TOC is suppressed because of left navigation 
		  <td wwpage:condition="navigation-toc-current">
            <img src="images/tocx.gif" wwpage:attribute-src="copy-relative-to-output" alt="Table of Contents" wwpage:attribute-alt="navigation-toc-title" border="0"/>
          </td>
          <td wwpage:condition="navigation-toc-not-current">
            <a href="toc" wwpage:attribute-href="navigation-toc-link"><wwexsldoc:NoBreak /><img src="images/toc.gif" wwpage:attribute-src="copy-relative-to-output" alt="Table of Contents" wwpage:attribute-alt="navigation-toc-title" border="0" /></a>
          </td>
		  End comment for TOC suppression-->
            <!--Previous/next buttons are suppressed because of left navigation 
         <td wwpage:condition="navigation-previous-exists" valign="top"> 
		 <a href="previous" wwpage:attribute-href="navigation-previous-link"><wwexsldoc:NoBreak />
		<img src="images/prev.gif" wwpage:attribute-src="copy-relative-to-output" alt="Previous" wwpage:attribute-alt="navigation-previous-title" border="0" />
		</a> 
        </td>
          <td valign="top" wwpage:condition="navigation-previous-not-exists">
            <img src="images/prevx.gif" wwpage:attribute-src="copy-relative-to-output" alt="Previous" wwpage:attribute-alt="navigation-previous-title" border="0" />
          </td>
          <td wwpage:condition="navigation-next-exists" valign="top">
            <a href="next" wwpage:attribute-href="navigation-next-link"><wwexsldoc:NoBreak /><img src="images/next.gif" wwpage:attribute-src="copy-relative-to-output" alt="Next" wwpage:attribute-alt="navigation-next-title" border="0" /></a>
          </td>
          <td wwpage:condition="navigation-next-not-exists" valign="top">
            <img src="images/nextx.gif" wwpage:attribute-src="copy-relative-to-output" alt="Next" wwpage:attribute-alt="navigation-next-title" border="0" />
          </td>
		  		  End comment for Previous/next button suppression-->
            <a name="top"></a>
            <td valign="top">
              <a href="ix.html"><img src="images/index.gif" alt="Index" border="0" /></a>
            </td>
            <td></td>
            <td>
              <form method="get" action="searchhelp.htm" align="right">
                <input type="text" name="zoom_query" size="20"></input>
                <input name="submit" type="submit" value="Search" size="60"></input>
              </form>
            </td>
          </tr>
        </table>
      </div>
      <table summary="">
        <tr>
          <td class="WebWorks_Company_Logo_Top">
            <img src="images/logo.gif" />
          </td>
        </tr>
      </table>
    </div>
    <!--End navigation and company info at top of page-->
    <!--Start container for all content-->
    <div id="content">
      <br />
      <div class="WebWorks_Breadcrumbs" style="text-align: left;"></div>
      <!---Index image-->
      <!---Index image-->
      <!--ZOOMRESTART-->
      <!--Above is code to tell the search engine to start indexing after this line-->
      <blockquote>
        <div class="ho_OverviewHeading"><a name="836422">Customise window</a></div>
        <div class="b_Body"><a name="836432">In the Customise window, you can customise the look of your printed forms, including cheques, invoices and </a>customer statements. You edit forms using the tools and features in the Customise window, which are outlined in the Field Descriptions section below.</div>
        <div class="b_Body"><a name="836445">Depending on the form you are viewing, you can edit and add graphic and text elements, change fonts, insert </a>pictures and rearrange the layout.</div>
        <div class="hmn_ModuleHeadingNoSplit"><a name="824470">Field Descriptions</a></div>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd832928&quot;);">
          <span class="N_007eProcBullet"></span><a name="832928">Toolbar</a><script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd832928", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd832928", false);</script>
        <div class="hr_RunInHeading"><a name="832933"><img id="836471" class="Default" src="images/1customizewin.178.1.1.png" width="37" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Add New Data Field/Column </a></div>
        <div class="b_Body"><a name="826844">Click to open the Select from List [multiple selection] window, where </a>you can select the data fields you want to insert. </div>
        <div class="hr_RunInHeading"><a name="826779"><img id="836500" class="Default" src="images/1customizewin.178.1.2.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Add New Text Field </a></div>
        <div class="b_Body"><a name="826781">Click this icon, then click on the form to insert a text field. A new field will appear, </a>called ‘Text Field’.</div>
        <div class="b_Body"><a name="826977">To enter text or change the text in the text field, double-click the field. The Field Properties window - Text Field </a>appears, where you can type your text and edit the properties of the field. </div>
        <div class="b_Body"><a name="827000">To delete a text field, select it and press DELETE</a> or BACKSPACE.</div>
        <div class="hr_RunInHeading"><a name="826787"><img id="836555" class="Default" src="images/1customizewin.178.1.3.png" width="37" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Insert Graphics/Picture</a></div>
        <div class="b_Body"><a name="826867">Click this icon, then click on the form to insert a picture field. Double-click the </a>field to open the <a href="830300c.htm#822523">Field Properties window—Picture</a> window, where you can select the picture you want to insert, for example, your company logo.</div>
        <div class="b_Body"><a name="826791">To delete a picture field, select it and choose press </a>Delete or Backspace.</div>
        <div class="hr_RunInHeading"><a name="826793"><img id="836613" class="Default" src="images/1customizewin.178.1.4.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Insert Rectangle </a></div>
        <div class="b_Body"><a name="826876">Click this icon, then click and hold the mouse button to drag the rectangle cursor (a </a>large +) across the layout part of the window. When the rectangle is the right size, release the mouse button.</div>
        <div class="b_Body"><a name="826796">To change the size, location or thickness of a rectangle’s border, double-click the rectangle. The </a><a href="830400c.htm#822214">Field Properties window—Rectangle</a> appears. Make your changes and click OK.</div>
        <div class="hr_RunInHeading"><a name="826797"><img id="836645" class="Default" src="images/1customizewin.178.1.5.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Insert Line </a></div>
        <div class="b_Body"><a name="826887">Click this icon, then click and hold the mouse button and drag the cursor on your form to </a>draw a horizontal or vertical line. When the line is the right size, release the mouse button.</div>
        <div class="b_Body"><a name="827046">To change the thickness or position of a line, double-click the line. The </a><a href="830500c.htm#823792">Field Properties window—Line</a> appears. Make your changes and click <span class="w_Widgets">OK</span>.</div>
        <div class="hr_RunInHeading"><a name="836680"><img id="836691" class="Default" src="images/1customizewin.178.1.6.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Undo </a></div>
        <div class="b_Body"><a name="826804">Click to undo your last action. Click twice to redo your last action.</a></div>
        <div class="hr_RunInHeading" style="margin-top: 15.0pt;"><a name="826805"><img id="836713" class="Default" src="images/1customizewin.178.1.7.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Send to Back </a></div>
        <div class="b_Body"><a name="826905">Click this icon to position a field or design element behind another element on the form.</a></div>
        <div class="hr_RunInHeading" style="margin-top: 15.0pt;"><a name="826807"><img id="836736" class="Default" src="images/1customizewin.178.1.8.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Bring to Front </a></div>
        <div class="b_Body"><a name="826914">Click this icon to position a field or design element in front of another element on the </a>form.</div>
        <div class="hr_RunInHeading"><a name="827309"><img id="836756" class="Default" src="images/1customizewin.178.1.9.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Change Fonts </a></div>
        <div class="b_Body"><a name="827307">Click this icon to open the Text Format window, where you can change the text in the </a>selected field.</div>
        <div class="hr_RunInHeading"><a name="827339"><img id="836774" class="Default" src="images/1customizewin.178.1.10.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Form Properties </a></div>
        <div class="b_Body"><a name="827328">Click this icon to open the Form Properties window, where you can modify the </a>margins, size and layout of your form. Use the Options tab in this window to display or remove the layout grid, and to add or remove a background graphic.</div>
        <div class="hr_RunInHeading"><a name="827061"><img id="836795" class="Default" src="images/1customizewin.178.1.11.png" width="35" height="37" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Form Preview button</a></div>
        <div class="b_Body"><a name="827069">Click this icon to open the Print Preview window, where you can view how the </a>form will look before you print.</div>
        <div class="hr_RunInHeading"><a name="836892"><img id="836887" class="Default" src="images/1customizewin.178.1.12.png" width="180" height="31" style="display: block; float: none; left: 0.0; text-align: left; top: 0.0;" />Layout menu (cheques only)</a></div>
        <div class="b_Body"><a name="836896">From the Layout menu, select the type of cheque </a>layout and stub that you want to customise. Choose from Cheque (no stub), Regular stub, Payable stub, Refund stub or Paycheque stub.</div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd813003&quot;);">
          <span class="N_007eProcBullet"></span><a name="813003">Layout area</a>—editing data fields and text fields<script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd813003", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd813003", false);</script>
        <div class="b_Body"><a name="837166">The main layout area of the window is where you can add, change and move fields and graphic elements on </a>the form.</div>
        <div class="b_Body"><a name="837238">The following procedures are applicable to any element:</a></div>
        <table class="tn_TableNarrow" style="text-align: left;" cellspacing="0">
          <caption></caption>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: Gray; border-bottom-style: solid; border-bottom-width: 1pt; border-top-color: Gray; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top; width: 76.84704pt;">
              <div class="tch_TableColHeading"><a name="837169">To…</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: Gray; border-bottom-style: solid; border-bottom-width: 1pt; border-top-color: Gray; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top; width: 178.13016pt;">
              <div class="tch_TableColHeading"><a name="837171">Do this…</a></div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837173">Copy and paste</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="tsf_TableStepFirst_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="tsf_TableStepFirst_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">1	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="tsf_TableStepFirst_inner"><a name="837175">Click an element once to select it.</a></div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">2	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837176">Go to the </a><span class="w_Widgets">Edit </span>menu and choose <span class="w_Widgets">Copy</span>.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="tsc_TableStepContinued"><a name="837177">Note that if you want to paste the element </a>onto another form, display that form in the <span class="w_Widgets">Customise</span><span style="font-weight: bold;"> </span>window.</div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">3	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837178">Go to the </a><span class="w_Widgets">Edit</span> menu and choose <span class="w_Widgets">Paste</span>. A copy of the element appears in the window.</div>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837180">Delete</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="t_TableBody"><a name="837182">Select the element and press </a>Backspace or D<span class="k_Keys">elete</span> on your keyboard. </div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837184">Undo last </a>change</div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="t_TableBody"><a name="837186">To undo the last change you made to the current </a>form, either click the undo button (<span style="font-size: 9.0pt;"><img id="840028" class="Default" src="images/1customizewin.178.1.13.png" width="24" height="19" style="display: inline; float: none; left: 0.0; text-align: center; top: 0.0;" /></span>) or press <span class="k_Keys">Ctrl + z</span>.</div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837194">Drag and drop</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="tsf_TableStepFirst_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="tsf_TableStepFirst_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">1	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="tsf_TableStepFirst_inner"><a name="837196">Click the element and hold down the mouse </a>button. Notice that the cursor changes to a hand pointer. </div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">2	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837197">Drag the element to the desired location. In </a>the example below, the <span class="w_Widgets">[Invoice #]</span> data field is being dragged below its original position. </div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="gc_GraphicsHolderCell"><a name="837201"><img id="840070" class="Default" src="images/1customizewin.178.1.14.png" width="170" height="57" style="display: inline; float: none; left: 0.0; text-align: left; top: 0.0;" /></a></div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837206">Change </a>coordinates</div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="tsf_TableStepFirst_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="tsf_TableStepFirst_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">1	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="tsf_TableStepFirst_inner"><a name="837208">Double-click the element you want to move. </a>The <span class="w_Widgets">Field Properties</span> window appears.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">2	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837209">In the </a><span class="w_Widgets">Field Location </span>fields on the <span class="w_Widgets">Layout </span>tab, type the distance from the top and left edges of the form to the top left corner of the element.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">3	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837210">Click </a><span class="w_Widgets">OK</span>.</div>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837212">Resize</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="tsf_TableStepFirst_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="tsf_TableStepFirst_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">1	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="tsf_TableStepFirst_inner"><a name="837214">Click the element once to select it. Small </a>squares, called handles, appear on the element.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">2	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837215">Drag a handle to change the size of the </a>element.</div>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837217">Send to back</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="tsf_TableStepFirst_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="tsf_TableStepFirst_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">1	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="tsf_TableStepFirst_inner"><a name="837219">Click the element you want to send behind </a>another element.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">2	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837226">Click the send to back button (</a><img id="840094" class="Default" src="images/1customizewin.178.1.15.png" width="29" height="26" style="display: inline; float: none; left: 0.0; text-align: left; top: 0.0;" />).</div>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
          <tr>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="trh_TableRowHeading"><a name="837228">Bring to front</a></div>
            </td>
            <td style="background-color: WhiteSmoke; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: White; border-right-color: White; border-top-color: White; border-top-style: solid; border-top-width: 1pt; padding-bottom: 4pt; padding-left: 6pt; padding-right: 10pt; padding-top: 4pt; vertical-align: top;">
              <div class="tsf_TableStepFirst_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="tsf_TableStepFirst_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">1	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="tsf_TableStepFirst_inner"><a name="837230">Click the element you want to bring in front </a>of another element.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="ts_TableStep_outer" style="margin-left: 0pt;">
                <table border="0" cellspacing="0" cellpadding="0" summary="">
                  <tr style="vertical-align: baseline;">
                    <td>
                      <div class="ts_TableStep_inner" style="width: 14.1732pt; white-space: nowrap;">
                        <span class="N_007eStepNum">2	</span>
                      </div>
                    </td>
                    <td width="100%">
                      <div class="ts_TableStep_inner"><a name="837237">Click the bring to front button (</a><img id="840118" class="Default" src="images/1customizewin.178.1.16.png" width="27" height="30" style="display: inline; float: none; left: 0.0; text-align: left; top: 0.0;" />).</div>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
        </table>
        <div class="hps_ProcedureSubheading"><a name="813007">Ruler</a></div>
        <div class="b_Body"><a name="813009">The ruler allows you to determine the position of the fields on the form.</a></div>
        <div class="hps_ProcedureSubheading"><a name="826409">Layout grid</a></div>
        <div class="b_Body"><a name="837256">If you have selected </a><span class="w_Widgets">Show Grid</span> in the Forms Information window, the layout area will display a grid that you can use to position fields and graphic elements on your form. If you have selected <span class="w_Widgets">Snap to Grid,</span> the top and left edges of elements that you add or reposition will be automatically placed against the closest vertical and horizontal grid lines.</div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd837257&quot;);">
          <span class="N_007eProcBullet"></span><a name="837257">Command buttons</a><script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd837257", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd837257", false);</script>
        <div class="hps_ProcedureSubheading"><a name="837258">Save Form</a></div>
        <div class="b_Body"><a name="813047">Click </a><span class="w_Widgets">Save Form</span> to save the changes you've made to a customised form. Note that if you have edited a default template, the Save As window will appear. Enter a name and description for the customised form and then click <span class="w_Widgets">OK</span> to save the form.</div>
        <div class="hps_ProcedureSubheading"><a name="813050">Save Form As</a></div>
        <div class="b_Body"><a name="813052">Click Save Form As to save the form as a customised form. The Save As window appears. Enter a name and a </a>description for the customised form, then click <span class="w_Widgets">OK</span> to save the form.</div>
        <div class="hps_ProcedureSubheading"><a name="827144">Cancel</a></div>
        <div class="b_Body"><a name="830176">Click to close the window without saving your changes.</a></div>
        <div class="hps_ProcedureSubheading"><a name="830167">OK</a></div>
        <div class="b_Body"><a name="827145">If you haven’t made any changes to a form, click OK to close the window.</a></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="Sample_heading"><a href="1customizewin-03.htm#837384" name="837374">Tips for this window</a></div>
        <div class="href_ReferenceBlockHeading"><a name="837377">Related Topics</a></div>
        <div class="bbi_BulletedIndented_outer" style="margin-left: 14.1732pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bbi_BulletedIndented_inner" style="width: 9.9216pt; white-space: nowrap;">
                  <span style="color: Gray;">■</span>
                </div>
              </td>
              <td width="100%">
                <div class="bbi_BulletedIndented_inner"><span class="l_Link"><a href="forms.18.7.htm#1087344" name="839393">Customising forms</a></span></div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bbi_BulletedIndented_outer" style="margin-left: 14.1732pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bbi_BulletedIndented_inner" style="width: 9.9216pt; white-space: nowrap;">
                  <span style="color: Gray;">■</span>
                </div>
              </td>
              <td width="100%">
                <div class="bbi_BulletedIndented_inner"><span class="l_Link"><a href="forms.18.15.htm#1087592" name="839397">Adding and editing elements</a></span></div>
              </td>
            </tr>
          </table>
        </div>
      </blockquote>
    </div>
    <div style="font-family:Arial, Verdana;font-size:x-small;text-align: right;">
      <a style="color:gray" href="#top">Top of page</a>
    </div>
    <!--End container for all content-->
    <!--Start container for left navigation-->
    <div id="navigation">
      <script type="text/javascript" src="scripts/quickmenu.js"></script>
    </div>
    <!--End container for left navigation-->
    <!--Start stuff at bottom of page-->
  </body>
</html>