Hi There,
I am using the new version of your Gantt and having a little UI Issue.
This is a screenshot of the result I get after initializing the gantt chart:
As you can see the last rows are not located correctly. Is it a known issue or am I doing something wrong?
This is the code I use to initiazle the Gantt:
[code]
var init = function () {
$(container).css("height", "1000px");
setGanttConfiguration();
setGanttTemplates();
setGanttEvents();
gantt.init(container.attr("id"));
};
var setGanttConfiguration = function () {
gantt.config.readonly = true;
gantt.config.grid_width = 170;
gantt.config.autofit = true;
gantt.config.columns = [{ name: "template", label: "Template Name", width: "*", tree: true }];
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%m/%Y";
gantt.config.xml_date = "%d-%m-%Y";
};
var setGanttTemplates = function () {
gantt.templates.task_class = function (start, end, task) {
if (task.parent == "") return "templateTask"; //Hide the root template task
return "status" + task.status;
};
gantt.templates.tooltip_text = function (start, end, task) {
return "<b>Start Date:</b> " + task.start_date.toDateString() +
"<br/><b>End Date:</b> " + task.end_date.toDateString() +
"<br/><b>Status:</b> " + getStatusDescription(task.status);
};
};
var setGanttEvents = function() {
gantt.attachEvent("onTaskClick", function (id) {
Shell.openWindow("Tasks", "Details", id);
});
};[/code]