{"id":2894,"date":"2015-07-22T18:29:14","date_gmt":"2015-07-22T14:29:14","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2894"},"modified":"2026-04-09T16:15:11","modified_gmt":"2026-04-09T13:15:11","slug":"dhtmlxgantt-3-3-auto-scheduling-fullscreen-mode","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxgantt-3-3-auto-scheduling-fullscreen-mode\/","title":{"rendered":"dhtmlxGantt 3.3: Auto scheduling, Fullscreen Mode and More"},"content":{"rendered":"<p>Good news! The users of our JavaScript <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/\" target=\"_blank\">Gantt Chart<\/a> may update their library to the version 3.3. What did this update bring to you? Surely, some fixes and improvements, but the coolest thing is that the component has obtained even more powerful features and extended abilities.<\/p>\n<p><strong>Auto Scheduling<\/strong><\/p>\n<p>New update introduces the dependency scheduling feature. Now the tasks can be scheduled automatically based on dependency links between them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f1.png\" alt=\"auto-scheduler-gantt-chart\" width=\"600\" height=\"206\" class=\"aligncenter size-full wp-image-2895\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f1.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f1-300x103.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<!--more--><br \/>\nFor example, if you have task A and task B and Finish to Start relation between them, the start date of the B will be automatically set to the end date of the task A, and will be updated each time the task A is changed. This feature allows you to generate and maintain the project schedule by specifying the relations between tasks, without need to set dates of each task manually.<\/p>\n<p><strong>Fullscreen Mode<\/strong><\/p>\n<p>The latest version of the component provides you a simple but useful feature &#8211; ability to expand the schedule to the full screen. It will be a very handy feature for those who work with big projects, or when you need to show a gantt you working with from your screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f2.png\" alt=\"Gantt chart in Fullscreen mode\" width=\"600\" height=\"441\" class=\"aligncenter size-full wp-image-2897\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f2.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f2-300x220.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>Support of unscheduled tasks<\/strong><\/p>\n<p>Starting from dhtmlxGantt 3.3, a gantt chart now can contain the tasks with the dates that aren&#8217;t specified yet &#8211; such items are shown as rows in a chart, but there is no schedule in a timeline area.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f3.png\" alt=\"unscheduled tasks in gantt\" width=\"600\" height=\"261\" class=\"aligncenter size-full wp-image-2898\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f3.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2015\/07\/gantt-f3-300x130.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<strong>Backward planning<\/strong><\/p>\n<p>In addition to setting task schedule as the dates of start and finish, or date of start and duration, you can now specify the task times as a date of end and duration &#8211; the start date will be calculated manually.<\/p>\n<p><strong>Content Security Policy compliance<\/strong><\/p>\n<p>In the version 3.3 gantt makes a step towards a safer web. The component received an initial support of CSP, Content Security Policy, and now allows you to disable text-to-Javascript mechanisms on your page while maintaining full functionality.<\/p>\n<blockquote><p>Note: the support is not full, inline styles still must be allowed for a correct work of the component.<\/p><\/blockquote>\n<p><strong>Ability to drag-and-drop tasks in whole gantt structure<\/strong> <\/p>\n<p><strong>Per-column grid sorting<\/strong><\/p>\n<p>Sorting of grid columns can be customized even further. Now you can specify custom sorting rule of any complexity to each column.<\/p>\n<p><strong>REST mode for ajax loading\/saving<\/strong><\/p>\n<p>Now you can use the REST mode for the request. This mode will allow easily integration of  dhtmlxGantt into the RESTfull app or attach it to Web API. We&#8217;ve also fixed known issues and added support of JSON format in server response.<\/p>\n<p>Moreover, the update contains various bugfixes and some performance improvements that target loading big amounts of tasks. Please note that some of the listed updates concerns PRO Edition only.<\/p>\n<p>Our documentation was also <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/whatsnew.html\" target=\"_blank\">updated<\/a>. You can download the <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/download.shtml\" target=\"_blank\">Standard Edition<\/a> here. PRO users with active support subscription will receive the updated version via email.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Good news! The users of our JavaScript Gantt Chart may update their library to the version 3.3. What did this update bring to you? Surely, some fixes and improvements, &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3384,"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-2894","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\/2894","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=2894"}],"version-history":[{"count":4,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2894\/revisions"}],"predecessor-version":[{"id":15398,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2894\/revisions\/15398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3384"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=2894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=2894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=2894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}