Now you can use DHTMLX Suite for building mobile apps. Since version 4.1, our JavaScript UI library provides full touch support. Development of dhtmlxTouch as standalone library was stopped. Learn more
DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms.
DHTMLX Touch framework offers intuitive object inheritance. You can define an object with properties, some of which are objects or arrays of objects, and some are simple strings or numbers. This way you can pass data into components or nest components one into another.
DHTMLX Touch provides an elegant and simple solution to extend and customize the existing functionality of the library and to add new UI components. You can combine the existing component and functionality blocks with each other, or with custom code blocks, to create new components, or extend the existing ones.
Global data storage is an advanced and useful feature that allows keeping relations between data elements (e.g. list of employees and employee details form) on the client side.
This feature provides automatical update of data across UI elements without user intersection. For example, user changes an employee name in the details form and gets this name updated in the list of employees automatically.
Server side of DHTMLX Touch framework is based on dhtmlxConnectors (the same that used for DHTMLX Ajax library). You can also write your own server-side code. Communication between client and server is built on XML/JSON packages.
DHTMLX Touch provides a set of top level UI components:
It also includes multiple controls:
By using these components in a default or extended view, you can build mobile web apps in a fast and efficient way.
We offer simplified scheme of CSS editing to customize the appearance of the DHTMLX Touch components. You can completely change the interface built with the DHTMLX Touch framework by modifying CSS.
By default, top DHTMLX Touch component is added to document.body, but you also can put it within an HTML element as a container. It allows you to add elements to the page which was already created by using pure HTML.
If you're building your app with DHTMLX Touch, but still want to add HTML blocks in it, you can do it by using HTML element as a content of a template component:
DHTMLX Touch comes with lots of technical samples with the source code to help you study how the UI elements work. The documentation can be found here: DHTMLX Touch Online Documentation
The DHTMLX Touch framework is compatible with the main web browsers for mobile platforms that support HTML5. Web applications built with DHTMLX Touch work on the iPad, iPhone, Android, and Blackberry devices.
Some of the demos can be opened on desktop PCs in WebKit browsers (Safari, Chrome, etc.) and Firefox 3.6+, Opera, IE8+, but there still can be some visual issues since DHTMLX Touch is optimized for mobile devices.
The DHTMLX Touch library is distributed for FREE under both GNU GPL and commercial Licenses. You can use it in your open source or commercial apps at no charge.
Since November 25, 2014, the development of dhtmlxTouch is transferred to another vendor. Check the details here.