With this customization it will be possible to use checkboxes or combo boxes and normalize the selection of data. Actually is possible to use only text and date columns.

Most of the time project managers would like to compare planned start & end dates vs actual start and end dates in gantt view. This feature is not supported by current Gantt chart. What I'm envisioning is something similar to the implementation of Gantt chart by Fusion Charts. (http://www.fusioncharts.com/charts/gantt-charts/). Displaying delays in actual task compared to plan would be an an added advantage. This feature may be implemented using a task template, but it's nice to have feature in the control.

In the Gantt table we would like to configure columns:
 - width
 - order
 - locked column
 - hide/unhide (columnMenu)

Same as done in TreeList in Q1 2015

It would be nice if tasks could be added to gantt that are missing a start date, end date or both dates.

For our use case this feature is not only useful, but mandatory. We are visualising a project workflow that goes through several phases and steps. Within our application, the client fills in the dates for these tasks and milestones as the project progresses. Not all dates are filled-in at all times, however when a project manager creates a gantt chart, he wants to see all the tasks. A task without a date is an information in itself. 

Currently we have to create a fake date entry for tasks without dates.

Bug report

The dependencies in the Gantt can not be removed.

Reproduction of the problem

1. Open the demos - https://demos.telerik.com/kendo-ui/gantt/index
2. Select a dependency line and press the 'Delete' key.

Current behavior

Nothing happens, there is no confirmation popup, and the dependency is not removed.

Expected/desired behavior

A confirmation dialog for confirming the deletion appears and the dependency should be removed.

The issue is a regression starting with the 2023 R2 SP1 ( 2023.2.718) version

Environment

• Kendo UI version: 2023.2.718
• Browser: [all ]

Add possibility to automatically center the Gantt timeline to a given date onload.

Bug report

When the end date of a task is edited in the End Time column in Gantt in the save event handler e.task.end returns the new end date value. With versions, before 2020 R3, the old end task value has been returned.
The behavior is inconsistent with editing a task through dragging or by double-clicking on a task as in such case the previous value of the end task will be returned

Reproduction of the problem

1. Open the Dojo
2. Edit the date in the 'End Time' column and observe the result in the browser`s console.

Current behavior

With the current version, the new end date is returned.

Expected/desired behavior

The returned e.task.end should be consistent with the other ways of changing the date e.g. dragging or double-clicking on the task.

Regression since 2020.3.915

Environment

• Kendo UI version: 2022.1.412
• Browser: [all]

A working example of the bug is at https://dojo.telerik.com/EPuqExOg with a simple workaround until the bug is fixed.

Currently, the percentage textbox doesn't work when in the German language.

The date textboxes localize ok.

Reproduction:

1. Open https://demos.telerik.com/kendo-ui/gantt/pdf-export
2. Click "Export to PDF" and open file
3. Actual result: there's a lot of blank space on the right
4. Expected result: the margin should correspond to the pdf.margin.right option
   

Bug report

Reproduction of the problem

Reproducible in the Columns demo: https://demos.telerik.com/kendo-ui/gantt/columns

1. Filter by "Title" -> contains "Market". Only the child "Market" will be visible in the parent "Research" task.
2. Edit "Market" and set it percentComplete to 100%.

Current behavior

The parent's percent complete is also set to 100%. This is incorrect, since the other children of parent are not removed from the dataSource, they are just visually filtered. The problem becomes more evident, if the filter is cleared. Then the parent keeps its 100% value, even though it contains child tasks with percentComplete less than 100%.

Expected/desired behavior

The parent task percent complete should be consistent to the behavior without filtering applied. Using the same example, this means: on updating "Market" to 100%, Research should change its percentComplete to 49%, taking into account all of its children percentComplete values.

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [all]

Bug report

With e.preventDefault in the save event of the Gantt, the TreeList becomes unresponsive when blurring a task field.

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/aWaHadaL/17
2. Add a child task under Task 1.
3. Double click on a field of the Child task in the TreeList.
4. Blur the element.

Current behavior

The parent task collapses and becomes unresponsive

Expected/desired behavior

The parent task should not collapse and become unresponsive

Environment

• Kendo UI version: 2022.1.412
• Browser: [all]

Bug report

When the duration of a task is edited in the Task Duration column in Gantt in the save event handler e.task.taskDuration returns the new duration value. With versions, before 2020 R3, the old task duration value has been returned.

Reproduction of the problem

1. Open the Dojo
2. Edit the value in the 'Task Duration' column and observe the result in the browser`s console.

Current behavior

With the current version, the new task duration is returned.

Expected/desired behavior

The returned e.task.taskDuration should return the previous task duration in order to be consistent with the behavior before 2020 R3

Regression since 2020.3.915

Environment

• Kendo UI version: 2022.2.510
• Browser: [all]

Bug report

When you collapse a selected task in the Gantt, the selection is lost

Reproduction of the problem

1. Open the Gantt Overview demo - https://demos.telerik.com/kendo-ui/gantt/index
2. Select the Software validation task
3. Collapse the selected task

Current behavior

The selection is lost

Expected/desired behavior

The selection should be preserved

Environment

• Kendo UI version: 2022.2.802
• Browser: [all]

Bug report

The change event incorrectly triggers at initialization of the Gantt - Regression with 2022.1.301
Also, the event does not trigger when selecting a task from the timeline - Regression with 2022.3.913

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/@martin.tabakov@progress.com/OVigiKEX/3
2. Check the Kendo Console - the change event triggers right after initialization
3. Select a task from the Gantt timeline - the change event doesn't trigger

Current behavior

Change event triggers after initialization and does not trigger after selection in timeline

Expected/desired behavior

Change event shouldn't trigger after initialization and should after selection in timeline

Environment

• Kendo UI version: 2022.3.1109
• Browser: [all]

Bug report

If you expand/collapse the top parent node, it is marked as dirty.

Regression introduced with R1 2023

Reproduction of the problem

1. Open the Gantt Overview demo - https://demos.telerik.com/kendo-ui/gantt/index
2. Collapse the top node

Current behavior

The top node is marked as dirty when collapsed

Expected/desired behavior

The top note shouldn't be marked as dirty upon collapsing

Environment

• Kendo UI version: 2023.1.314
• Browser: [all]

 

When selecting the Month View of the Gantt, unexpected blank space appears and the cell headers are not properly aligned.

To reproduce the problem, open this demo:
https://demos.telerik.com/kendo-ui/gantt/basic-usage

And Click Edit in Kendo UI Dojo:
https://dojo.telerik.com/OparoYUJ

Zoom out the browser so the Gantt has some larger Width and you will notice the blank space + misaligned headers:

The same issue can be observed in the Getting article: https://docs.telerik.com/kendo-ui/controls/gantt/get-started

Bug report

While editing a Gantt task name navigating in the input field with a mouse click does not work. Double-clicking on a cell enters edit mode and positions the cursor at the end of the text. Moving the cursor using the mouse does not work while navigating in the input field with the keyboard works.

Reproduction of the problem

1. Run this dojo
2. Double-click the title of the first task
3. Try to click elsewhere in the input field to move the cursor.

Current behavior

Clicking in the input field does not move the cursor to the selected position

Expected/desired behavior

Clicking in the input should move the cursor to the selected position

Environment

• Kendo UI version: 2019.2.619
• Browser: [all]

Hi there,

In Dojo chose Kendo UI 2020 R1 SP2 library and created a Gantt chart with one milestone and task.

Milestone's time is 9 AM but it does not line up exactly with the time block at the top of the Gantt chart (looks like 9:01 AM).

Also, tried with other libraries, the result is the same.

Example here: https://dojo.telerik.com/iPuzEcaQ

Please find the screenshot attached.

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.mobile.all.min.css">
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
</head>
<body>
  
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 9:00")
  }]
});
var gantt = $("#gantt").data("kendoGantt");
gantt.dataSource.add({
  parentId: null,
  start: new Date("2014/6/17 10:00"),
  end: new Date("2014/6/17 11:00"),
  title: "New Task"
});
</script>
</body>
</html>

Hi,

In Dojo chose Kendo UI 2020 R1 SP2 library and created a Gantt chart with two summaries and a task. Each summary has a child task.

Set rowHeight to 40px.

Expand Summary1. Summary2 changed position and moved to the top of the row.

Collapse Summary1. Summary2 still at the top of the row.

Also, tried with other libraries, the result is the same.

Noticed that if rowHeight is not set, summary doesn't change its position.

Example here: https://dojo.telerik.com/IriJegeX

Please find the screenshot attached.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.mobile.all.min.css">
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
</head>
<body>

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  rowHeight: "40px",
  dataSource: [{
    id: 1,
    orderId: 0,
    summary: true,
    parentId: null,
    title: "Summary1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 2,
    orderId: 0,
    parentId: 1,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 3,
    orderId: 1,
    summary: true,
    parentId: null,
    title: "Summary2",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 4,
    orderId: 0,
    parentId: 3,
    title: "Task2",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 5,
    orderId: 2,
    parentId: null,
    title: "Task3",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  }]
});
</script>
</body>
</html>

 

Thanks.

  

Bug report

When the tasks in the Gantt's TreeList are moved/dragged an item appears over them. When the visible size of the TreeList is small, dragging tasks inside it results in unavailability to understand which task is currently being dragged because the draggable item is partially hidden.

Reproduction of the problem

1. Open this Dojo
2. Move the Splitter in the Gantt component to the left, in a way at least half of the initially visible TreeView is hidden.
3. Select Task 2 and drag it.

Current behavior

The draggable item is initialized with a negative "left" CSS style. The task name is partially visible or not visible at all.

Expected/desired behavior

The draggable item should be visible. The task name should be visible.

Environment

• Kendo UI version: 2020.1.406
• jQuery version: x.y
• Browser: [all]