Altabel Group's Blog

Archive for the ‘DHTMLX Touch framework’ Category

With the growing popularity of smartphones, tablets and other mobile devices the living has become more comfortable. The different types of apps help us to wake up in time, to entertain reading books, booking tickets, listening to favorite music and just chat with friends without extra expenses. Among the challenges in mobile app market stands also the developing of effective web browsing solutions.

In this article I would like to take a look at DHTMLX Touch framework that helps to create nice-looking and easy-to-use mobile web apps oriented to touchscreen devices.

DHTMLX Touch is a free open source Javascript framework/library for building HTML5-based mobile web apps.
DHTMLX was originally designed to work in traditional mouse-driven web browsers, however since the web moved to mobile devices, it was important to have all parts of the web interface touch-ready and looking good on small screens. After some tests made were approved that DHTMLX library will definitely work in mobile environments with Javascript support too. So the planned mouse was replaced with touch events to provide touch-based user interactions.

Let’s see what the characteristics of DHTMLX Touch are:

-compatible with the main web browsers for mobile platforms that support HTML5;

-free under both GNU GPL and commercial Licenses;

-lots of technical samples with the source code that simplify studying how the UI elements work;

- expanded builder tools:
Skin Builder – an online tool that allows you to build mobile web apps through a user-friendly, drag-and-drop interface. Since v.1.2, you can save your design or share it by sending an URL.
Visual Designer - a simple online tool that provides an easy way to choose the skin for you app and customize the skin colors. A set of predefined skins is included.
Touch UI Inspector – a free extension for Google Chrome that provides a handy visual tool for monitoring the inner state of DHTMLX Touch JavaScript components on a web page.

-server side is based on the on dhtmlxConnectors (the same that used for DHTMLX Ajax library) that simplifies client –server communication;

- simplified scheme of CSS editing.

The current version of DHTMLX Touch framework took a long way from the release of its first components dhtmlxTree and dhtmlxGrid in 2005-2006 to become a complete tool that covers the most required aspects of modern application interface. Three months ago in September, 2012 was presented the updated version 1.2. And now we will see what are the new features and improvements were added:

* Bug fixing – more stable and faster performance, better compatibility with the latest iOS and Android platforms;
* Updated visual designer tool: new Unitlist component, new charts, and the ability to share and save your design;
* Auto-complete for IDEs: Microsoft Visual Studio, PHPStorm, WebStorm, NetBeans, Aptana Studio, Eclipse, and others
* Multiple fixes in form validation logic
* Better memory management: automatic destructors clean up the memory, which helps to prevent memory leaks if the app has a complicated inheritance structure
* Better support of full-screen mode

Many companies around the world make the preference towards DHTMLX saying that it’s very simple, flexible and easy-to-use with a live support forum.

If you have already an experience working with DHTMLX Touch framework or heard something about using it, feel free to share your thoughts/experience by leaving a comment.

You can also have a look at new features of DHTMLX Touch framework and the samples of apps already implemented following the link to the official website http://dhtmlx.com.

Thank you for your attention.

Katerina Bulavskaya

Katerina Bulavskaya
Katerina.Bulavskaya@altabel.com
Skype ID: katy.bulavskaya
Business Development Manager (LI page)
Altabel Group – Professional Software Development


%d bloggers like this: