Add a border with
gantt-task-overlaps CSS class on tasks that overlaps in same rows or through the whole gantt.
angular.module('myApp', ['gantt', 'gantt.overlap']);
<div gantt> <gantt-overlap enabled="true" global="false"> </gantt-overlap> </div>
Enables overlap detection functionality. Can also be a function (
fn(event)) which has one parameter for the event. Such a function can be used to only activate the overlap detection when a certain mouse button is pressed or the task is in a certain condition.
Detects overlaps for tasks through whole gantt, instead of through same rows only.