Delete Gantt dependency requires to click on it and press the delete key.

How can I delete it on a mobile device without a physical keyboard?

Bug report

If we define a column template for a field that is defined in the resources configuration fo the Gantt, the template is not applied to it

Reproduction of the problem

1. Open this Dojo example
2. There is the same template defined for both the "title" and "resources" fields

Current behavior

The custom template is applied only to the "title" field

Expected/desired behavior

The user should be able to define a custom template for the "resources" fields

Environment

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

Bug report

Regression introduced in R3 2020.

Reproduction of the problem

Reproducible in the demos. Video attached.
Recording47.zip

1. Run the "overview" demo and open the browser devtools console.
2. In the treelist, drag the first task upwards until the "k-i-insert-middle" drag clue appears. The cursor should be positioned just under the treelist header.
3. Drop the task

Current behavior

A js exception is thrown:

kendo.all.js:126843 Uncaught TypeError: Cannot read property 'orderId' of null

Expected/desired behavior

No exceptions are thrown.

Environment

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

Bug report

If the Gantt is navigatable and editable.reorder is set to false when the user tries to navigate and press Enter on a cell an error is thrown

Regression since: 2020.3.915

Reproduction of the problem

1. Open the Dojo example
2. Navigate for example to 'Task 2'
3. Press 'Enter'

Current behavior

The following error is thrown in the console: r.list._startEditHandler is not a function

Expected/desired behavior

There should be no error in the console.

Environment

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

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

When dragging and dropping tasks in Gantt (TreeList) the save event is not always fired.

That is a regression introduced with R3 2020 release.

Reproduction of the problem

1. Open the Dojo
2. Drag "Market search" and drop it when the icon is a '+' sign

Current behavior

When dragging and the icon of the dragged item is a '+' the save event is not fired. (screencast)

Expected/desired behavior

Save event should be fired when reordering tasks through drag and drop.

Environment

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

Bug report

In a Gantt with a custom editor template, an error "Cannot read property 'getTime' of null" is thrown when you try to save a task.

Regression introduced in the latest version, works fine with 2020.2.617.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/ePohoyoB/15
2. Open the edit popup for a task and try to modify a Date.
3. Hit Save.

Current behavior

An error Cannot read property 'getTime' of null is thrown.

Expected/desired behavior

No errors should be thrown.

Environment

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

Make the gantt mobile, similar to Scheduler and Grid. Make the edit form slide if you work on a phone or a tablet.

That is for scenarios when the start of one task is dependent on the end of another task. In such a case, if the end of the initial task changes, the start of the dependent task should also change automatically.

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]

Would like to show column grouping for a few columns in the RaddGantt.

e.g.

• Planned Start and Planned End to be grouped under Planned
• Actual Start and Actual End to be grouped under Actual
• Financial Detail columns to be grouped under Task Financials

Also, would like to add to the query, how can I have the Gantt chart with the dates shown vertically as in the image attached. I don't want the Week or Month name coming in the grouping. Just dates in the timeline view.

Reference - Feature request submitted for RadGantt for ASP.NET AJAX

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.

  

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>

I would like to be able to reorder rows (items) by drag and drop but I want to disable them nesting. I would like to be possible to configure whether dropping a task would create a nested task or just reorder the tasks.

It would be great if text within the Treelist section of the Gantt chart would wrap.

Configuring the rowHeight increases the height of the table row, but the long text is still not wrapped. Here is a sample dojo demonstrating the current behavior: https://dojo.telerik.com/EtEViREL

An ideal solution would be something that increases the size of the corresponding timeline row to match the treeview row, and to move down things like dependency arrows so it looks like everything still matched properly.

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]

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
   

In the Gantt widget, columns can have a custom format, but not a custom template. I'd lie a template like grids and treelists have.

I have a gantt chart with tasks, resources, and assignments. I want to enforce a many-to-one relationship between tasks and resources, that is, I want to be able to assign a single resource to any number of tasks, but each task can only have 1 resource at a time. A (conceptually) simple sample implementation would be to change the checkboxes to a radiobutton in the 'assign' dialog window, from the 'edit' dialog.

I understand there is currently no way to enforce this type of relationship or the restrict the user from selecting more than 1 assignment in the assignment dialog window, so I am requesting a way to do either (or both) of these things. I would imagine a setting in the gantt or taskDataSource for enforcing the relationship, or a setting in the assignment field for switching the dialog box to radio button like behaviour.

I would love to see a feature added to the MVC Gantt control that would allow filtering tasks within the Gantt. Currently when we filter tasks in our Gantt using an external filter which filters the datasource tasks are dropped from the result set if their parent tasks do not meet the filter criteria. This is obviously a problem and makes filtering useless when tasks are dropped when they actually meet the criteria. I would like to see the filtering work as the TreeView and TreeList controls do. When you filter a column in those controls the parent items are returned regardless of whether they meet the filter criteria. This is needed in a hierarchical control like the Gantt chart.

This would be a great addition to the control. In the meantime, we'll either leave filtering out of our application or try to find a way to recursively gather all of the parent task ids and include them in our service to return tasks that meet the filter criteria.

Thanks for considering!
Ben