Check documentation for the latest version of dhtmlxSuite Building Web Interfaces DHTMLX Docs

Building Web Interfaces

This tutorial shows you the ways of structuring and designing the user interface and teaches how to transform this interface into a working app.

The tutorial highlights many aspects, including:

  • How to add standard DHTMLX components on the page
  • How to organize components on the page
  • How to bind components to make the app working all-in-one

To keep things simple, the final app doesn't use the server backend and focuses on the client side only.

Download the demo app here.


After you finish this tutorial, you'll have a simple file manager that allows end users to manage folders of a specified package. The main elements of the app: a toolbar, a tree displaying the package structure, a grid displaying the contents of the selected folder.

Back to top