DHTMLX Docs & Samples Explorer

How to Create a Complete Demo

This article covers the process of creating a complete demo which speeds up the problem solving process. We really want to help you but we need a demo to reproduce the issue.

The demo should include:

  • used css/js files
  • code that causes the problem
  • used XML & image files

NOTE: your final demo must run on a third party computer.

7 Steps to Create a Demo

Step 1. Create a new folder. Name it, for example, 'Complete Demo'.
Step 2. Create in the newly created folder a new HTML file and name it 'Index.html'
Step 3. Create a subfolder with the name 'Codebase'.
Step 4. Place all the css/js files used in the app into 'Codebase' folder .
Step 5. If you use XML files in your app, in the root folder create a subfolder with the name 'xml' (here you need to place all the used XML files)
Step 6. If you use image files in the app, in the root folder create a subfolder with the name 'imgs' (here you need to place all the used image files).
Step 7. And the last action - fill in the 'Index.html' file. It must have the structure shown below.

Folders placement

Index.html (example)

Index.html

We really appreciate if you help us to find and solve the problem faster.