Provide an option to customize the tooltip that appears while dragging a task in the timeline view.
It seems that whenever a task crosses the date where the daylight saving time switch appears everything on the gantt's week view gets shifted by 1 hour.
This stackblitz shows 2 Gantts. The first one has correct positioning, the second one appears to be bugged.
In this picture, you can see that in the 1st Gantt `Item 1` is slightly shifted to the right and covers Thursday and Friday. That's because its date is specified in UTC as `2025-04-03T00:00:00.000Z` which, for me in the UK, will result in `01:00:00.000`.
However, in the second Gantt `Item 1` now fully covers Thursday and doesn't extend to Friday even though the start and end dates are the same as in the first Gantt.
You might get slightly different positioning based on your time zone. The description is written based on the UK time zone.
It also affects drag-and-drop marquee. If you try to drag the right side of item 1, you'll see that it will show Saturday even before it starts covering Saturday.
Expected behaviour: Item 1 has to be positioned identically on both timelines
Currently tooltip can be rendered outside of the gantt component if item on the timeline is long enough to be outside of the timeline viewport.
Adjusting [taskTooltipOptions] doesn't help as tooltip will still be outside of the timeline viewport.
Steps to reproduce.
- Open Stackblitz
- Scroll to Sat 19/04
- Hover mouse of Sat 19/04 slot
The tooltip data isn't loaded properly when the mouse lands on the item due to the horizontal scroll rather than moving moues manually. This behaviour is mostly noticed on touchpads due to gestures.
See stackblitz.
Steps to reproduce
- Place the mouse pointer before any item on the gantt
- Scroll to the right or left without moving the mouse so the pointer stops on the item
It's important not to move the mouse, as soon as any action like movement or click happens the tooltip loads the data.
See the attached video.
Kendo timeline range in the gantt can be miscalculated if children have start and end days earlier that their parent.
This happens to due oversight in TimelineBaseViewService.getRange function. Two variables startResult and endResult are calculated using only top-level entities from the supplied data hierarchy.
This stackblitz shows 2 cases.
- The item is out of the bounds on the left due to an earlier start date than its parent's start date.
- The item is rendered either as three dots or out of bounds on the right side (depends on the browser. Firefox tend to display three dots, Chrome clips the right side) due to end date being later than its parent's end date.
That's mostly visible on Day and Week timelines, however I believe can be reproduced on monthly and yearly views if the date spread is large enough.
Provide the ability to change a task duration by dragging and dropping it at the required position.
Similar to the Kendo jQuery Gantt:
https://demos.telerik.com/kendo-ui/gantt/index
and Gantt Chart from Syncfusion.
It will be a good to feature for projects to know their current path and expected path as there are delays in the real world and it will be great to track it in the Gantt tasks.
Explenation of the feature:
https://support.monday.com/hc/en-us/articles/360020978159-The-Gantt-Baseline
Introduce hierarchical "outline" levels in Kendo Angular Gantt, enabling users to expand/collapse tasks and drill down into project details similar to MS Project. This feature will improve project management by providing a clear and organized view of complex task structures.
Video of the functionality - https://www.youtube.com/watch?v=1gcEVMbLVRg&t=30s
Hi,
It will be a good addition to the component to highlight or color the selected task dependency path. This will avoid user confusion when many task dependency paths are being crossed.
Hi,
It will be a good addition to the component if printing is supported.
Timeline headers currently have the option to set a TimelineHeaderDateFormat.
It's still not possible to set a custom template to show additional text or more than one group header.
It would be nice to have something like a TimeLineHeaderGroupTemplate and a TimeLineHeaderColumnTemplate just like similiar kendo controls.
Hi,
When the content in certain cells of two tables is larger and causes a difference in row height, it is necessary to synchronize the heights of both tables. This ensures consistency and alignment between the tables despite the varying cell content that is set inside the cell template.
Example - https://stackblitz.com/edit/angular-myqo7k-aqhaqs?file=src%2Fapp%2Fapp.component.ts
Currently it is not possible to customize the content of the built-in Gantt editing Dialog, and the only option is creating a custom Dialog, and opening it by handling other Gantt events like taskClick/taskDblClick.
Adding a Dialog template that will be rendered within the built-in editing Dialog would be a nice enhancement enabling developers to have their custom content while still keeping the built-in Gantt editing mechanics and events.
For further fine-grained tuning, separate templates for the content of each TabStrip tab (General, Predecessors, Successors) would also prove useful.
Hi,
It would be a good addition to the Gantt component if a progress completion indicator is rendered on the tasks as in Kendo UI for jQuery.
