Step 1. Create the App's File

We will start our tutorial with preparing a file for our future app: a simple HTML file that contains source code files of the DHTMLX library.

We will use the standard edition of DHTMLX Suite in the skyblue skin that requires including 2 source files on the page:

dhtmlx.js
dhtmlx.css

To prepare the app's file:

Download the "dhtmlxSuite " package (link to download).
Create a folder with the name "grid_with_form " in the root directory of your local web server.
Create a subfolder with the name "codebase " in the "grid_with_form " folder.
Find the "dhtmlx_std_full.zip " file in the root of the "dhtmlxSuite " package and extract its content to the "codebase " folder.
Create the "index.html " file in the "grid_with_form " folder.

Include the "dhtmlx.js " and "dhtmlx.css " code files to index.html (both source files reside in the "codebase " folder).

"index.html" file

<!DOCTYPE html>
<html>
  <head>
    <title>Binding a form to a grid</title>
    <script src="codebase/dhtmlx.js" type="text/javascript"></script>     <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">   </head>
  <body>
    <script type="text/javascript">
        //the code of your application
    </script>
  </body>
</html>