{"id":2758,"date":"2015-03-24T12:27:47","date_gmt":"2015-03-24T08:27:47","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2758"},"modified":"2023-05-05T13:40:41","modified_gmt":"2023-05-05T10:40:41","slug":"else-new-dhtmlxgantt-3-2","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/else-new-dhtmlxgantt-3-2\/","title":{"rendered":"What else is new in dhtmlxGantt 3.2"},"content":{"rendered":"<p>As a follow-up to our <a href=\"https:\/\/dhtmlx.com\/blog\/dhtmlxgantt-3-2-tasks-grouping-multi-selection\/\" target=\"_blank\">recent update<\/a> of dhtmlxGantt, we&#8217;d like to elaborate more on new samples and features that were added to the version 3.2. We hope that it will show you how many cool things can be done with our Gantt Chart and assure you to continue or <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/download.shtml\" target=\"_blank\">start using it<\/a>.<\/p>\n<p>We&#8217;ve already described such new features like <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__grouping.html\" target=\"_blank\">tasks grouping<\/a> and <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__multiselection.html\" target=\"_blank\">multi-task selection<\/a>, so we won&#8217;t stop at them now and will proceed to some other updates. Click on the pictures or the links below them to open the samples and try all these features right now.<\/p>\n<p><strong>Adding custom buttons in dhtmlxGantt<\/strong><\/p>\n<p>You can add clickable buttons and icons to the left grid, as well as in the content of the task bars. For example, you can add the custom buttons for add\/edit\/delete operations directly to the task row in order to simplify the control upon the tasks by clicking on one button.<\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/07_grid\/07_custom_buttons.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/Custom-buttons.png\" alt=\"Custom-buttons-gantt\" width=\"598\" height=\"283\" class=\"aligncenter size-full wp-image-2759\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/Custom-buttons.png 598w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/Custom-buttons-300x141.png 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/a><\/p>\n<p align=\"center\"> <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/07_grid\/07_custom_buttons.html\">Click to open a live demo <\/a><\/p>\n<p><!--more--><br \/>\n<strong>Displaying of subtasks<\/strong><\/p>\n<p>Check out how you can collapse all the subtasks, and still be able to see all information about them in your gantt. It helps the users not to miss some tasks or subtasks that are hidden when the project is closed.<\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/04_customization\/18_subtasks_displaying.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/display-subtasks.png\" alt=\"display-subtasks-gantt\" width=\"600\" height=\"196\" class=\"aligncenter size-full wp-image-2762\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/display-subtasks.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/display-subtasks-300x98.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p align=\"center\"> <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/04_customization\/18_subtasks_displaying.html\">Click to open a live demo <\/a><\/p>\n<p>\n<strong>Predefined structure of the project<\/strong><\/p>\n<p>Now you have the ability to define and organize the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Work_breakdown_structure\" target=\"_blank\">Work Breakdown Structure<\/a> in dhtmlxGantt. Such structure will help project managers to define the project risks, plans and the whole organization process.<\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/08_api\/11_project_structure.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/predefined-structure.png\" alt=\"predefined-structure-gantt\" width=\"597\" height=\"291\" class=\"aligncenter size-full wp-image-2763\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/predefined-structure.png 597w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/predefined-structure-300x146.png 300w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/a><\/p>\n<p align=\"center\"> <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/08_api\/11_project_structure.html\">Click to open a live demo <\/a><\/p>\n<p>\n<strong>Dynamically move text content of a task<\/strong><\/p>\n<p>In many cases task bars have various sizes and text description may not fit inside a bar. The following demo demonstrates how this situation can be handled with about ten lines of code &#8211; labels are displayed inside the bars by default but in case the bar width is not enough to fit the label it will be displayed aside the task bar. The changes are applied dynamically as you move or resize tasks. Check the demo to see how such small change can improve the user experience.<\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/08_api\/12_fit_task_text.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/text-task.png\" alt=\"text-on-task-bar-gantt\" width=\"593\" height=\"380\" class=\"aligncenter size-full wp-image-2764\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/text-task.png 593w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/text-task-300x192.png 300w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/><\/a><\/p>\n<p align=\"center\"> <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/08_api\/12_fit_task_text.html\">Click to open a live demo <\/a><\/p>\n<p>\n<strong>Dynamic changing of skins<\/strong><\/p>\n<p>The skin of gantt can be changed on-the-fly. Easy and fast way for the end users of your app to find the skin that matches their needs, and what is more important, it doesn&#8217;t require reloading of the app itself.<\/p>\n<p><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/06_skins\/06_dynamic_skin.html\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/change-of-skin.png\" alt=\"dynamic-change-of-skin-gantt\" width=\"600\" height=\"267\" class=\"aligncenter size-full wp-image-2765\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/change-of-skin.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/03\/change-of-skin-300x133.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p align=\"center\"> <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/06_skins\/06_dynamic_skin.html\">Click to open a live demo <\/a><\/p>\n<p>You&#8217;re welcome to share your thoughts about DHTMLX Gantt Chart in the comments section below. We&#8217;re always open for suggestions and your honest feedback.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As a follow-up to our recent update of dhtmlxGantt, we&#8217;d like to elaborate more on new samples and features that were added to the version 3.2. We hope that &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3304,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1],"tags":[33,20,4],"class_list":["post-2758","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-releases","category-uncategorized","tag-all-posts","tag-gantt","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2758","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=2758"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2758\/revisions"}],"predecessor-version":[{"id":11398,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2758\/revisions\/11398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3304"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=2758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=2758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=2758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}