DHTMLX 3.0: Build Better Apps with Less Time and Efforts

| Comments (25)

We have finally done it! Today we are releasing DHTMLX 3.0, an exciting update that brings a new level of simplicity and productivity in web application creation.

The main idea behind 3.0 release is to make the DHTMLX library easier to use by introducing a few major enhancements without adding more kilobytes to the library package. Not only does DHTMLX 3.0 remain easy to learn and get started with, but it also reduces the time of application development.

In addition to various minor new features, bug fixes, new utilities (dhtmlxMessage), and completely updated controls (Form, Calendar), there are two major highlights in version 3.0: Visual Designer tool with Form Builder and global data store. This allows us to say that the DHTMLX library has reached its new quality stage. And here is why:

Visual Designer with Form Builder

The Designer tool was developed to make the process of building web interfaces with DHTMLX as simple as possible. The concept is the following: you create the structure of an application interface as a hierarchy of the DHTMLX UI components (probably you’ve met this approach in other visual builders). Then you define component properties and activate event handlers to add cross-controls logic.

DHTMLX 3.0 - Visual Designer Tool

DHTMLX 3.0 - Visual Designer Tool

The Visual Designer tool for DHTMLX library comes with Visual Form Builder to simplify creation of forms based on dhtmlxForm 3.0.

Global Data Store

The use of data store is optional, and you can still use the old way of data processing. However, if you use dhtmlxDataStore, you don’t need to worry how to load and update records shared between different UI components (e.g. datagrid and form, datagrid and combo) when the end-user changes the application data.

dhtmlxDataStore is a set of records where you can keep all data necessary for your application or load it dynamically from the server by request. In DHTMLX 3.0 all data-driven UI components can automatically “listen” to the data store they’re linked to, and update their records when needed. Thus, speaking MVC language, you can deal with “view” separate from “controller” on the client side. Changes in dhtmlxDataStore will be reflected in all linked controls automatically.

Synchronization with the server side can also be created based on the data store. In this case you don’t have to save changes for each component, but update the data only once when records in the data store are changed. There are many other advantages of dhtmlxDataStore which you can learn by reading the related documentation.

Updated Form

When designing a new version of dhtmlxForm control, we considered requirements of developers who worked with version 2.x. The biggest thing was to get rid of the formatting limitations of dhtmlxForm 2.x., which has been successfully done.

DHTMLX 3.0 - Updated dhtmlxForm

DHTMLX 3.0 - Updated dhtmlxForm

The new version of dhtmlxForm supports integration with dhtmlxCalendar and dhtmlxCombo and offers various ways to position form controls and to build sophisticated web forms. With Visual Form Builder, which comes in the Visual Designer, you get an easy way to choose what controls to add to your form and how to arrange them on a page.

New Calendar

We completely rebuilt the dhtmlxCalendar component, keeping most of the features of previous version. The new control has a new modern look and more user-friendly navigation.

DHTMLX 3.0 - New dhtmlxCalendar

DHTMLX 3.0 - New dhtmlxCalendar

Notification Helper

We added dhtmlxMessage utility to the library since in web applications it is a common requirement to notify the end-user about various application activities (client-server communication, etc). Although it is not possible to make this process fully automatic, dhtmlxMessage offers a simple, ready-to-use solution for any kind of messages you would like to show to user.

DHTMLX 3.0 - dhtmlxMessage

DHTMLX 3.0 - dhtmlxMessage

To see what other new features and fixes are included in DHTMLX 3.0, please visit this page. To download the Standard Edition of DHTMLX 3.0 components, go to Downloads page. If you’re a PRO user with active support period, you’ll receive the download link to the updated package by email.


  1. Michael July 8, 2011 at 9:15 am

    Congratulations on the release – I have been anxiously looking forward to seeing the updates. The rebuilt calendar and new dhtmlxMessage will be very handy.

    How soon can Pro users expect to receive the download email?

    • ivan July 8, 2011 at 1:48 pm

      Michael, we have already started to send the notifications, so you should receive it really soon.

  2. Paul July 8, 2011 at 10:04 am

    AWESOME! Been waiting a long time for this. Look forward to using it for new web apps.

  3. Alex July 8, 2011 at 1:20 pm

    Congratulations! I’ve already been using it in my app. It’s really, really cool and it’s working. Thanks guys!

  4. Fernando July 8, 2011 at 8:19 pm

    I’m not able to download the new version, I have the email with the link but after some megas it stop.

  5. Konrad July 8, 2011 at 11:48 pm

    Congratulations and many thanks for DHTMLX Team ;)

  6. Venu July 9, 2011 at 12:11 am

    Thanks. Great work

  7. Sathish July 9, 2011 at 5:56 am

    Good work Team…..

    It is great…

  8. ikhsan July 9, 2011 at 8:39 am

    great job dhx team

  9. Abhi July 12, 2011 at 6:04 pm


  10. Marc July 16, 2011 at 2:18 am

    Hello, i´m searching for an dhtml devloper.
    I need a crm system build on dhtml.

  11. Kanagarajan Madasamy July 18, 2011 at 4:06 pm

    On every release, new features, new solutions .. Congrats dhtmlx Team.

  12. Rob July 20, 2011 at 11:47 pm

    Is it compatible with IE9?

    • Stanislav July 21, 2011 at 12:49 pm

      Yes, all functionality is supported in IE9

  13. Muhammad taufik July 23, 2011 at 4:13 pm

    i Like DHTMLX, Look better

  14. Roger Hampson July 25, 2011 at 11:44 am

    How much of the new release is set up to work with ASP.NET MVC 2.0 – 3.0?

    • Inga July 25, 2011 at 6:03 pm

      The library is fully client side, so it can work with any backend tecnology. The server side needs only to generate data feed for data loading and, optionally, for saving changes. Both work nicely with .Net MVC.
      You can check the tutorial for dhtmlxScheduler here:


      The same approach can be used with other DHTMLX components.

      • Roger Hampson July 26, 2011 at 12:43 pm


        I already have dhtmlxScheduler working very nicely in my web page. I am now trying to use the new tab control. Which of the various initialization methods would work best with .NET MVC? I have tried to initialize it from script but have encountered problems. It is not merging with the site.master page correctly.

        • ivan July 27, 2011 at 8:05 pm

          Roger, please submit this question to the forum (registration is free): https://forum.dhtmlx.com/
          or to the support system (in you have a proper license).
          Our technical team will review your issue.

  15. Andy K. November 5, 2011 at 12:38 am

    Adding the dhtmlxMessage utility to the library was a great idea! Thanks for all of your hard work!

  16. Kraemer December 14, 2011 at 7:42 pm

    Is there an easy way (CSS) to globally position field labels above the fields instead of to the left of them?

  17. serkan March 3, 2015 at 7:28 pm

    How can I download older versions of dxtmlsuite, for example v3.0?

Leave a Reply