<?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>Adding and editing data and label elements</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;">
        <a class="WebWorks_Breadcrumb_Link" href="forms.18.1.htm#1087593">Forms</a> &gt; <a class="WebWorks_Breadcrumb_Link" href="forms.18.15.htm#1087593">Adding and editing elements</a> &gt; Adding and editing data and label elements</div>
      <!---Index image-->
      <!---Index image-->
      <!--ZOOMRESTART-->
      <!--Above is code to tell the search engine to start indexing after this line-->
      <blockquote>
        <div class="hm_ModuleHeading"><a name="1087593">Adding and editing data and label </a>elements</div>
        <div class="b_Body"><a name="1097127">You can add elements to a form, and change elements on a form, </a>using the buttons on the tool palette shown below: </div>
        <div class="b_Body"><a name="1122452">&nbsp;</a></div>
        <div class="bnF_NoteHeadingFirst">
          <span class="N_007eNoteCautionWarning">note : </span><span style="color: #000000; font-size: 8.5pt; font-weight: normal;"><a name="1122437"><img id="1133131" class="Default" src="images/form_toolbar_win.png" width="510" height="198" style="display: inline; float: none; left: 0.0; text-align: center; top: 0.0;" /></a></span>Layout selection </div>
        <div class="bnL_NoteBodyLast"><a name="1087706">The </a><span class="w_Widgets">Layout</span> list only appears for cheque forms.</div>
        <div class="b_Body"><a name="1133161">For more information about the data fields that are available in </a>each form type, see <span class="l_Link"><a href="formsfields.58.1.htm#6169468">Form fields</a></span>.</div>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd1087711&quot;);">
          <span class="N_007eProcBullet"></span><a name="1087711">To add a data field to a form</a><script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd1087711", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd1087711", false);</script>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">1	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087715">Click the add data button (<img id="1087713" class="Default" src="images/forms.18.16.2.png" width="31" height="29" style="display: inline; float: none; left: 0.0; text-align: left; top: 0.0;" />). The </a><span class="w_Widgets">Select from List</span> window lists all the data fields available for the form you selected. </div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bsc_BodyStepContinued"><a name="1095137">The column on the right indicates the field type (Data, </a>Column) and where it appears on a form. For example, the <span class="w_Widgets">Total</span> field only appears on the last page.</div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">2	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1095138">Click the fields you require.</a></div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">3	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087726">Click </a><span class="w_Widgets">OK</span>. The selected data fields appear on the form. Their position depends on a number of factors, such as the number of records they can display, previous cursor position and other fields already on the form. </div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bsc_BodyStepContinued"><a name="1087729">You can move a field to a better position</a>—see <span class="l_Link"><a href="forms.18.18.htm#1087845">Editing all elements with common commands</a></span>.</div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">4	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087731">If you want to change the properties of a data field, </a>double-click it. The <span class="w_Widgets">Field Properties</span> window appears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bsc_BodyStepContinued"><a name="1087732">The </a><span class="w_Widgets">Field Properties</span> window has two tabs: the <span class="w_Widgets">Layout</span> tab where you specify the text, format, background colour, location and size of the field, and the <span class="w_Widgets">Borders</span> tab where you specify the layout, colour and width of the field’s borders.</div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">5	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087733">Change the properties as required and click </a><span class="w_Widgets">OK</span>.</div>
              </td>
            </tr>
          </table>
        </div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd1087735&quot;);">
          <span class="N_007eProcBullet"></span><a name="1087735">To add a text label to a form</a><script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd1087735", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd1087735", false);</script>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">1	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087739">Click the add text button (<img id="1087737" class="Default" src="images/forms.18.16.4.png" width="24" height="23" style="display: inline; float: none; left: 0.0; text-align: left; top: 0.0;" />) and then click on the form </a>where you want to place the text field. A new text label named <span class="w_Widgets">Text Field</span> appears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">2	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087741">Double-click the new label. The </a><span class="w_Widgets">Field Properties</span> window displays the <span class="w_Widgets">Layout</span> tab where you specify the name, location and size, text format and background colour of the label, and the <span class="w_Widgets">Borders</span> tab where you specify the layout, colour and width of the label’s borders.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">3	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087742">Click </a><span class="w_Widgets">OK</span> to close the <span class="w_Widgets">Field Properties</span> window. The new label appears in the <span class="w_Widgets">Customise</span> window.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="b_Body"><a name="1087743">If the name is longer than the size of the label, you may need to </a>resize it—see <span class="l_Link"><a href="forms.18.18.htm#1087845">Editing all elements with common commands</a></span>.</div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd1087748&quot;);">
          <span class="N_007eProcBullet"></span><a name="1087748">To change the name of a text label</a><script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd1087748", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd1087748", false);</script>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">1	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087749">Double-click the text label. The </a><span class="w_Widgets">Field Properties</span> window appears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">2	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087750">Change the name in the </a><span class="w_Widgets">Text</span> field on the <span class="w_Widgets">Layout</span> tab.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">3	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087751">Click </a><span class="w_Widgets">OK</span>.</div>
              </td>
            </tr>
          </table>
        </div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="hp_ProcedureHeading" onclick="WebWorks_ToggleDIV(WebWorksRootPath, &quot;wwdd1087754&quot;);">
          <span class="N_007eProcBullet"></span><a name="1087754">To change the font style of a data field or text label</a><script type="text/javascript" language="JavaScript1.2">WebWorks_WriteArrow(WebWorksRootPath, "wwdd1087754", false);</script></div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVOpen("wwdd1087754", false);</script>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">1	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087755">Double-click the data field or text label to be changed. The </a><span class="w_Widgets">Field Properties</span> window appears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">2	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087766">Click </a><span class="w_Widgets">Text Format</span>. The <span class="w_Widgets">Text Format</span> window appears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">3	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087774">Make your choices in the </a><span class="w_Widgets">Font</span>, <span class="w_Widgets">Font Style</span>, <span class="w_Widgets">Size, Justify </span>and <span class="w_Widgets">Effects</span> fields. </div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">4	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087775">If you want to change the font colour:</a></div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bss_BodySubStep_outer" style="margin-left: 14.1732283464567pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bss_BodySubStep_inner" style="width: 9.9212598425197pt; white-space: nowrap;">
                  <span class="N_007eSubStep">a	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bss_BodySubStep_inner"><a name="1087776">Click </a><span class="w_Widgets">Font Colour. </span>The<span class="w_Widgets"> Colour</span> window appears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bss_BodySubStep_outer" style="margin-left: 14.1732283464567pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bss_BodySubStep_inner" style="width: 9.9212598425197pt; white-space: nowrap;">
                  <span class="N_007eSubStep">b	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bss_BodySubStep_inner"><a name="1087777">Select the new colour and click </a><span class="w_Widgets">OK</span>. The <span class="w_Widgets">Text Format</span> window reappears.</div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bs_BodyStep_outer" style="margin-left: 0pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bs_BodyStep_inner" style="width: 14.1732283464567pt; white-space: nowrap;">
                  <span class="N_007eStepNum">5	</span>
                </div>
              </td>
              <td width="100%">
                <div class="bs_BodyStep_inner"><a name="1087778">Click </a><span class="w_Widgets">OK</span>.</div>
              </td>
            </tr>
          </table>
        </div>
        <script type="text/javascript" language="JavaScript1.2">WebWorks_WriteDIVClose();</script>
        <div class="href_ReferenceBlockHeading"><a name="1133166">Related Topics</a></div>
        <div class="bbi_BulletedIndented_outer" style="margin-left: 14.1732283464567pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bbi_BulletedIndented_inner" style="width: 9.9212598425197pt; white-space: nowrap;">
                  <span style="color: Gray;">■</span>
                </div>
              </td>
              <td width="100%">
                <div class="bbi_BulletedIndented_inner"><span class="l_Link"><a href="formsfields.58.1.htm#6169468" name="1133170">Form fields</a></span></div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bbi_BulletedIndented_outer" style="margin-left: 14.1732283464567pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bbi_BulletedIndented_inner" style="width: 9.9212598425197pt; 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="1133174">Customising forms</a></span></div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bbi_BulletedIndented_outer" style="margin-left: 14.1732283464567pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bbi_BulletedIndented_inner" style="width: 9.9212598425197pt; 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.17.htm#1087780" name="1133178">Adding and editing graphic elements</a></span></div>
              </td>
            </tr>
          </table>
        </div>
        <div class="bbi_BulletedIndented_outer" style="margin-left: 14.1732283464567pt;">
          <table border="0" cellspacing="0" cellpadding="0" summary="">
            <tr style="vertical-align: baseline;">
              <td>
                <div class="bbi_BulletedIndented_inner" style="width: 9.9212598425197pt; 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.18.htm#1087845" name="1133182">Editing all elements with common commands</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>