Kendo UI Gantt chart - make splitter fixed?

625 Views Asked by At

I am looking for a way to make the vertical splitter between the grid data and the graph data not resizable. I know the Kendo Gantt Widget uses a Kendo Splitter widget, but when I try to disable the resizable option, it completely hoses the chart; the code I tried is below. The #gantt ID is where my gantt chart renders.

$("#gantt").kendoSplitter({
 panes: [ { resizable: false }, { resizable: false } ]
});

1

There are 1 best solutions below

2
On BEST ANSWER

Not great, but a solution could be to return false for dragstart/mousedown on the splitter bar and set the cursor to default and pointer events to none:

$("#gantt .k-resize-handle").hide();
$("#gantt .k-splitbar").on("dragstart mousedown", function(e){
    return false;
}).css("cursor", "default").css("pointer-events", "none");

DEMO