Check documentation for the latest version of dhtmlxSuite Step 1. Create the App's File DHTMLX Docs
Samples Forum Support
Documentation / Suite 5.X
StartTutorialsYour First App

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 web skin that requires including 2 source files on the page:

  • dhtmlx.js
  • dhtmlx.css
To prepare the app's file:
  1. Download the "dhtmlxSuite " package (link to download).
  2. Create a folder with the name "contact_manager " in the root directory of your local web server.
  3. Find the "codebase " folder in the root of the "dhtmlxSuite " package and extract it to the "contact_manager " folder.
  4. Find the "skins/web/dhtmlx.css " file and copy it to the "codebase " folder (the file will replace the default 'dhtmlx.css' file) to use the 'Web' skin in the app.
  5. Create the "index.html " file in the "contact_manager " folder.
  6. 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>Contact Manager</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>
Back to top