I hope you better understand my query I am not using $(document). ready function to load the Gantt chart I am trying to laod gantt with the navigation.
by default I select task board using kendoTabStrip then I try to add list with which takes default width as 0px.
var tabstrip = $("#tabstrip").kendoTabStrip({ /*select: onSelectNav*/ }).data("kendoTabStrip"); tabstrip.select(1); function onSelectNav(e) {
if (e.item.innerText == "Gantt Chart") { var gantt = $("#gantt").data("kendoGantt"); gantt.resize(); gantt.setOptions({ listWidth: "500" }) gantt.refresh();
} }
i add this this scripts but not get.
Regards
Surendra gupta
Georgi Denchev
Telerik team
commented on 28 Sep 2023, 10:27 AM
Hi, Surendra,
I understand the problem that you're describing, however the document.ready method does not affect the Gantt in any manner. In the last Dojo that I provided the setOptions method is used. SetOptions destroys and recreates the entire component from scratch.
I would really like to help you, but first I need your assistance with the reproduction of the problem. Please provide me with a small Dojo sample that uses the same configuration as yours where the issue can be observed and I'll do my best to assist you.
Hi, Surendra,
I tested the listWidth property in the following Dojo:
https://dojo.telerik.com/@gdenchev/EXULigOm
And it seems to be working as expected. Could you try to reproduce the problem in the Dojo and send it back to me?
Best Regards,
Georgi
I have use this list width multiple times but when gantt chart render on click navigation it always takes list width 0.
Hi, Surendra,
I updated the Dojo to use the setOptions method but the listWidth still seems to be working:
https://dojo.telerik.com/@gdenchev/aluxuXod
Could you please replicate the problem in the sample?
Best Regards,
Georgi
Hi Georgi,
I hope you better understand my query I am not using $(document). ready function to load the Gantt chart I am trying to laod gantt with the navigation.
by default I select task board using kendoTabStrip then I try to add list with which takes default width as 0px.
var tabstrip = $("#tabstrip").kendoTabStrip({
/*select: onSelectNav*/
}).data("kendoTabStrip");
tabstrip.select(1);
function onSelectNav(e) {
if (e.item.innerText == "Gantt Chart") {
var gantt = $("#gantt").data("kendoGantt");
gantt.resize();
gantt.setOptions({ listWidth: "500" })
gantt.refresh();
}
}
i add this this scripts but not get.
Regards
Surendra gupta
Hi, Surendra,
I understand the problem that you're describing, however the document.ready method does not affect the Gantt in any manner. In the last Dojo that I provided the setOptions method is used. SetOptions destroys and recreates the entire component from scratch.
I would really like to help you, but first I need your assistance with the reproduction of the problem. Please provide me with a small Dojo sample that uses the same configuration as yours where the issue can be observed and I'll do my best to assist you.
Here's a Dojo with a tabstrip:
https://dojo.telerik.com/@gdenchev/aluxuXod
Best Regards,
Georgi