How to set up an autoform page

When creating a page that should be used for form data, you need to load jquery and dataeaseconnect, set up a deconnect object and run a code to initialize the form. The rest is done by definitions in the html elements.

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    <!-- jQuery and dataeaseconnect necessary for autoform and autoactions -->
    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src="/deserver/dataeaseconnect.js"></script>
<!-- Start: body imported from page -->
<!-- End: body imported from page -->
  <script type="text/javascript">
    var deconnect = new DataEaseConnect();

An example of setting up autoform in a simple template.

Simplest example for use with auto form 

<div data-tablename="Address" data-formdataaction="first">
<h4>An address from the Address table</h4>
<p data-live="ID"></p>
<p data-live="Name"></p>
<p data-live="Address1"></p>
<p data-live="Address2"></p>
<p><span data-live="PostAddress"></span> <span data-live="PostCode"></span></p>
<p data-live="EMail"></p>
<button data-action="RecordPrevious">Previous</button> <button data-action="RecordNext">Next</button>

Simple page with live values to be navigated by buttons. This is only loading live data from the Address table into p tags and let you use buttons to navigate to next and previous maindata record.