{"id":4335,"date":"2017-11-16T17:00:26","date_gmt":"2017-11-16T13:00:26","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=4335"},"modified":"2026-01-30T12:10:01","modified_gmt":"2026-01-30T09:10:01","slug":"large-scale-update-dhtmlxgantt-version-5-0","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/large-scale-update-dhtmlxgantt-version-5-0\/","title":{"rendered":"Large-scale Update of dhtmlxGantt: Version 5.0 is Here"},"content":{"rendered":"<p>We are excited to announce that <a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/\" target=\"_blank\">dhtmlxGantt<\/a> is updated to the version 5.0. This update brings very important architecture changes that will take the working with dhtmlxGantt to the next level. If you want to know what possibilities are now open for you, continue reading and download dhtmlxGantt 5.0 right now.<\/p>\n<div class=\"top-20 bottom-20\">\n<div class=\"gantt-banner\">\n<div class=\"gantt-banner__inside\">\n<div class=\"gantt-banner__title-wrapp\">\n<div class=\"gantt-banner__title\">dhtmlxGantt 5.0 Released<\/div>\n<\/div>\n<div class=\"gantt-banner__button\">\n<div class=\"gantt-banner__button-inside\"><a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/download.shtml\" onclick=\"ga('send', 'event', 'button', 'click', 'download-gantt-50-blog') title=\"\" class=\"gantt-banner__btn\">Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h5>Make the most of dhtmlxGantt with major update of its architecture<\/h5>\n<p>Now your whole work with the component becomes extremely flexible. All the elements of the Gantt layout (grid, separators, timeline) can be isolated and used as the separate modules. What is more, you can also add additional panels and tables: resource diagrams, new columns, grids, charts, anything you may need for your solution.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/resource-diagram-gantt-chart.png\" alt=\"resource diagram gantt chart\" width=\"900\" height=\"400\" class=\"aligncenter size-full wp-image-4388\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/resource-diagram-gantt-chart.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/resource-diagram-gantt-chart-300x133.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/resource-diagram-gantt-chart-768x341.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/10_layout\/02_resource_panel.html\" target=\"_blank\" class=\"page-link\">View sample<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/sum-column-gantt-1.png\" alt=\"sum column gantt\" width=\"900\" height=\"515\" class=\"aligncenter size-full wp-image-4387\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/sum-column-gantt-1.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/sum-column-gantt-1-300x172.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/sum-column-gantt-1-768x439.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/10_layout\/01_rightside_columns.html\" target=\"_blank\" class=\"page-link\">View sample<\/a><\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__layout_config.html\" target=\"_blank\">Find out more in our docs<\/a> and wait for new great samples we are now preparing for you.<\/p>\n<h5>New modern look<\/h5>\n<p>dhtmlxGantt got a trendy and beautiful new skin based on Google&#8217;s Material Design. Our web designers worked carefully on every single element of the gantt chart so your app can have pretty and modern look and feel.<\/p>\n<p>Here are some screenshots:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/gantt-chart-materal.png\" alt=\"gantt chart materal\" width=\"887\" height=\"558\" class=\"aligncenter size-full wp-image-4391\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/gantt-chart-materal.png 887w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/gantt-chart-materal-300x189.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/gantt-chart-materal-768x483.png 768w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/critical-path-material-design.png\" alt=\"critical path material design\" width=\"900\" height=\"479\" class=\"aligncenter size-full wp-image-4394\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/critical-path-material-design.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/critical-path-material-design-300x160.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/critical-path-material-design-768x409.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>The lightbox:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/lightbox-gantt-chart-material.png\" alt=\"lightbox gantt chart material\" width=\"900\" height=\"530\" class=\"aligncenter size-full wp-image-4392\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/lightbox-gantt-chart-material.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/lightbox-gantt-chart-material-300x177.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/11\/lightbox-gantt-chart-material-768x452.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/06_skins\/09_material.html\" target=\"_blank\" class=\"page-link\">View sample<\/a><\/p>\n<p>Remember that dhtmlxGantt provides you the ability to easy customize its appearance if you need a custom and unique design.<\/p>\n<h5>Big update of documentation<\/h5>\n<p>The documentation related to <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__server_side.html\" target=\"_blank\">server-side integration<\/a> has been considerably extended and completed, the sections describing the rules of forming URLs as well as the formats of requests and responses were added. There are also new detailed tutorials and a set of demos intended for various server-side platforms at your disposal.<\/p>\n<p>These new guides will drive you through all the steps of adding Gantt chart to you app: from initialization of dhtmlxGantt to the back-end integration.<\/p>\n<p>Here is a list of available tutorials:<\/p>\n<ul>\n<li><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__howtostart_php.html\" target=\"_blank\">dhtmlxGantt with PHP<\/a><\/li>\n<li><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__howtostart_php_laravel.html\" target=\"_blank\">dhtmlxGantt with PHP: Laravel<\/a><\/li>\n<li><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__howtostart_nodejs.html\" target=\"_blank\">dhtmlxGantt with Node.js<\/a><\/li>\n<li><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__howtostart_dotnet.html\" target=\"_blank\">dhtmlxGantt with ASP.NET MVC<\/a><\/li>\n<li><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__howtostart_ruby.html\" target=\"_blank\">dhtmlxGantt with Ruby on Rails<\/a><\/li>\n<\/ul>\n<h5>Other improvements and fixes<\/h5>\n<p>And last but not least part of this update is providing you with a number of important fixes and improvements. Even if you&#8217;re not planning to use the new features of the version 5.0, it&#8217;ll be useful for you to make your gantt chart more stable and efficient.<\/p>\n<p>You can check the <a href=\"\/\/docs.dhtmlx.com\/gantt\/whatsnew.html\" target=\"_blank\">full list of updates and improvements<\/a>.<\/p>\n<p>The users with an active support subscription can grab the new version in the Clients Area. If you&#8217;re new to dhtmlxGantt, it&#8217;s high time to try it.<\/p>\n<div class=\"top-20 bottom-20\">\n<div class=\"gantt-banner\">\n<div class=\"gantt-banner__inside\">\n<div class=\"gantt-banner__title-wrapp\">\n<div class=\"gantt-banner__title\">dhtmlxGantt 5.0 Released<\/div>\n<\/div>\n<div class=\"gantt-banner__button\">\n<div class=\"gantt-banner__button-inside\"><a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/download.shtml\" onclick=\"ga('send', 'event', 'button', 'click', 'download-gantt-50-blog') title=\"\" class=\"gantt-banner__btn\">Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>We&#8217;ll be glad if you share your feedback in the comments section below. You&#8217;re also always welcome to send us your feature requests and suggestions. Thanks for your attention and stay tuned for future updates!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce that dhtmlxGantt is updated to the version 5.0. This update brings very important architecture changes that will take the working with dhtmlxGantt to the &#8230;<\/p>\n","protected":false},"author":2,"featured_media":4336,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1,38],"tags":[33,20,4],"class_list":["post-4335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-releases","category-uncategorized","category-visible","tag-all-posts","tag-gantt","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/4335","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=4335"}],"version-history":[{"count":3,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/4335\/revisions"}],"predecessor-version":[{"id":13936,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/4335\/revisions\/13936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/4336"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=4335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=4335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=4335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}