{"id":2310,"date":"2014-06-04T17:28:36","date_gmt":"2014-06-04T13:28:36","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2310"},"modified":"2025-09-01T11:34:32","modified_gmt":"2025-09-01T08:34:32","slug":"javascript-library-dhtmlx-4-0-released","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/javascript-library-dhtmlx-4-0-released\/","title":{"rendered":"DHTMLX 4.0 Released with New Look and Faster Performance"},"content":{"rendered":"<p>We are happy to introduce the release of DHTMLX 4.0, a complete <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxSuite\/\"> JavaScript widget library<\/a>. This update includes performance improvements, bug fixes, and a significant increase in speed. Also, the new release brings smooth rendering and improved look and feel provided by the redesigned skins.<\/p>\n<p>One of the important updates is the common way of data loading for all DHTMLX components, which makes the development with DHTMLX easier and faster. The list of UI widgets is also complemented with a new component &#8211; dhtmlxRibbon.<\/p>\n<p><strong>Updated Skins<\/strong><\/p>\n<p>In version 4.0, we&#8217;ve redesigned all three DHTMLX skins &#8211; SkyBlue, Web, and Terrace, so now they look more fresh and modern. The online Skin Builder tool is also updated and now you can adjust the colors and fonts of the new skins accordingly to your design needs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2321\" alt=\"DHTMLX 4.0 - Updated Skins\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/blog-skins.png\" width=\"600\" height=\"473\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/blog-skins.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/blog-skins-300x236.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>Container Components<\/strong><\/p>\n<p>We have completely overwritten all container-based components (such as Layout, Windows, Accordion, Tabbar). You definitely will notice faster loading, smoother graphics, and more convenient and simplified customization options.<\/p>\n<p>We&#8217;ve improved the patterns logic in dhtmlxLayout and it became easy to create your own custom patterns. We&#8217;ve also added\/enabled some animation effects for dhtmlxTabbar and dhtmlxAccordion to make them look more modern and smooth.<\/p>\n<p><strong>dhtmlxRibbon<\/strong><\/p>\n<p>We hope you will like the new UI widget &#8211; <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxRibbon\/\">dhtmlxRibbon<\/a> &#8211; that adds the ability to group toolbar buttons into tabs and blocks. This component supports different button types (button, two-state button, checkboxes, combobox, input, text, etc.) and can be easily attached to any container component.<\/p>\n<p><a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxRibbon\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2317\" alt=\"DHTMLX 4.0 - Ribbon Component\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/ribbon_40.png\" width=\"552\" height=\"259\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/ribbon_40.png 552w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/ribbon_40-300x140.png 300w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/a><\/p>\n<p><strong>dhtmlxCombo<\/strong><\/p>\n<p>We continue to improve the features of <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxCombo\/\">dhtmlxCombo<\/a>: loading modes, filter logic, rendering, etc. Apart from these improvements, dhtmlxCombo v.4.0 provides you a number of new features. For example, now you can create custom items (e.g., multiline combo options) or linked combo boxes with ease. Also, in version 4.0, there is the ability to customize the view and structure of combo items via custom HTML templates.<\/p>\n<p><a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxCombo\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2318\" alt=\"DHTMLX 4.0 - Updated Combobox\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/blog-combo.png\" width=\"429\" height=\"299\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/blog-combo.png 429w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2014\/05\/blog-combo-300x209.png 300w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><\/a><\/p>\n<p>Among the other new features we have added the ability to show\/hide combo on the page, to use custom filter and sorting functionality, to enter free text in the combo box and also to change the font size.<\/p>\n<p><strong>dhtmlxColorPicker and dhtmlxSlider<\/strong><\/p>\n<p>Surely we haven&#8217;t forgotten to improve performance of dhtmlxColorPicker and dhtmlxSlider. They have been also completely overwritten and now work faster and have optimized code.<\/p>\n<p><strong>Other Components<\/strong><\/p>\n<p>We&#8217;ve worked on the other widely-used UI components, such as dhtmlxGrid, dhtmlxTree, dhtmlxCalendar, etc. There are no big changes made in order not to overcomplicate their currently available powerful features. In general, their updates concern bug fixing and adjusting their look and feel to the new skins.<\/p>\n<p><strong>Updated Documentation<\/strong><\/p>\n<p>With this release, we have also updated the <a href=\"https:\/\/docs.dhtmlx.com\/index.html\" target=\"blank\">documentation<\/a>. It became more visually attractive and easy-to-use. The new search feature allows you to find the necessary information much faster.<\/p>\n<p><a title=\"What's New DHTMLX 4.0\" href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlx40_whatsnew.shtml\">View the full list of what\u2019s new in DHTMLX 4.0<\/a><\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/migration__index.html\">See the migration instructions from 3.6 to 4.0<\/a><\/p>\n<p>The updated packages (Standard Edition) are now available for download on <a title=\"Downloads Page\" href=\"https:\/\/dhtmlx.com\/docs\/download\/\">our website<\/a>.<\/p>\n<p>The link to the latest dhtmlxSuite PRO package will be sent by email to the paid users with active support subscription.<\/p>\n<p><strong>dhtmlxVault Updated to Version 2.2<\/strong><\/p>\n<p>Although <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxVault\/\">dhtmlxVault<\/a> is not part of the dhtmlxSuite package, our file upload widget has been also updated to be compatible with DHTMLX 4.0. The new version 2.2 also comes with the updated skins.<\/p>\n<p>We did our best to make your work with DHTMLX simpler and more convenient. Hope you&#8217;ll enjoy this update!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are happy to introduce the release of DHTMLX 4.0, a complete JavaScript widget library. This update includes performance improvements, bug fixes, and a significant increase in speed. Also, &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3331,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,1,38],"tags":[33,16,10,4],"class_list":["post-2310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","category-uncategorized","category-visible","tag-all-posts","tag-dhtmlxvault","tag-dhtmlxsuite","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=2310"}],"version-history":[{"count":2,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2310\/revisions"}],"predecessor-version":[{"id":14367,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2310\/revisions\/14367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3331"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=2310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=2310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=2310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}