messages.editorObject
The configuration of the Gantt editor messages. Use this option to customize or localize the Gantt editor messages.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
editorTitle: "Task Editor",
start: "Start Date",
end: "End Date",
title: "Task Title",
percentComplete: "Progress"
}
}
});
</script>messages.editor.assignButtonString(default: "Assign")
The text similar to "Assign" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
resources: {
dataColorField: "key",
dataSource: [
{ id: 0, name: "Resource 1", key: "green" },
{ id: 1, name: "Resource 2", key: "#32cd32" }
]
},
assignments: {
dataSource: [
{ taskId: 0, resourceId: 1, value: 1 }
]
},
messages: {
editor: {
assignButton:"Assign Resources"
}
}
});
</script>messages.editor.editorTitleString(default: "Task")
The text similar to "Task" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
editorTitle:"Edit Task"
}
}
});
</script>messages.editor.endString(default: "End")
The text similar to "End" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
end:"Task End"
}
}
});
</script>messages.editor.percentCompleteString(default: "Complete")
The text similar to "Complete" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
percentComplete:"Task Progress"
}
}
});
</script>messages.editor.plannedEndString(default: "Planned End")
The text similar to "Planned End" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
editable: {
plannedTasks: true
},
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
plannedStart: new Date("2014/6/17 8:00"),
plannedEnd: new Date("2014/6/17 12:00"),
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
plannedEnd:"Task Planned to End"
}
}
});
</script>messages.editor.plannedStartString(default: "Planned Start")
The text similar to "Planned Start" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
editable: {
plannedTasks: true
},
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
plannedStart: new Date("2014/6/17 8:00"),
plannedEnd: new Date("2014/6/17 12:00"),
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
plannedStart:"Task Planned to Start"
}
}
});
</script>messages.editor.resourcesString(default: "Resources")
The text similar to "Resources" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
resources: {
dataColorField: "key",
dataSource: [
{ id: 0, name: "Resource 1", key: "green" },
{ id: 1, name: "Resource 2", key: "#32cd32" }
]
},
assignments: {
dataSource: [
{ taskId: 0, resourceId: 1, value: 1 }
]
},
messages: {
editor: {
resources:"Task Resources"
}
}
});
</script>messages.editor.resourcesEditorTitleString(default: "Resources")
The text similar to "Resources" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
resources: {
dataColorField: "key",
dataSource: [
{ id: 0, name: "Resource 1", key: "green" },
{ id: 1, name: "Resource 2", key: "#32cd32" }
]
},
assignments: {
dataSource: [
{ taskId: 0, resourceId: 1, value: 1 }
]
},
messages: {
editor: {
resourcesEditorTitle:"Assign Task Resources"
}
}
});
</script>messages.editor.resourcesHeaderString(default: "Resources")
The text similar to "Resources" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
resources: {
dataColorField: "key",
dataSource: [
{ id: 0, name: "Resource 1", key: "green" },
{ id: 1, name: "Resource 2", key: "#32cd32" }
]
},
assignments: {
dataSource: [
{ taskId: 0, resourceId: 1, value: 1 }
]
},
messages: {
editor: {
resourcesHeader:"Available Resources"
}
}
});
</script>messages.editor.startString(default: "Start")
The text similar to "Start" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
start:"Task Start"
}
}
});
</script>messages.editor.titleString(default: "Title")
The text similar to "Title" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
messages: {
editor: {
title:"Task Title"
}
}
});
</script>messages.editor.unitsHeaderString(default: "Units")
The text similar to "Units" displayed in Gantt task editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
}],
resources: {
dataColorField: "key",
dataSource: [
{ id: 0, name: "Resource 1", key: "green" },
{ id: 1, name: "Resource 2", key: "#32cd32" }
]
},
assignments: {
dataSource: [
{ taskId: 0, resourceId: 1, value: 1 }
]
},
messages: {
editor: {
unitsHeader:"Resource Units"
}
}
});
</script>messages.editor.addNewString(default: "Add")
The text that will be rendered in the Create button of the Dependencies and Assignments edit tables.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
addNew: "Create New"
}
}
});
</script>messages.editor.nameString(default: "Name")
The text that will be rendered as a title of the Predecessor and Successor columns in the Dependencies edit tables, and the Dependency column in the Assignments edit table.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
name: "Task Name"
}
}
});
</script>messages.editor.percentCompleteHintString(default: "value from 0 to 1")
The hint text that will be rendered for the percentCompleted NumericTextBox on the popup edit Form.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
percentCompleteHint: "Enter value between 0 and 100"
}
}
});
</script>messages.editor.removeString(default: "Remove")
The text that will be rendered in the Remove button of the Dependencies and Assignments edit tables.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
remove: "Delete"
}
}
});
</script>messages.editor.actualStartString(default: "Actual Start")
The label text of the start DateTimePicker editor when the planned editors are also present on the form.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
actualStart: "Real Start Date"
}
}
});
</script>messages.editor.actualEndString(default: "Actual End")
The label text of the end DateTimePicker editor when the planned editors are also present on the form.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
actualEnd: "Real End Date"
}
}
});
</script>messages.editor.parentOptionLabelString(default: "-None-")
The optionLabel of the parent DropDownList editor.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
parentOptionLabel: "No Parent"
}
}
});
</script>messages.editor.generalString(default: "General")
The text used for the main (general) tab on the edit popup TabStrip.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
general: "Basic Info"
}
}
});
</script>messages.editor.predecessorsString(default: "Predecessors")
The text used for the predecessors tab on the edit popup TabStrip.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
predecessors: "Dependencies"
}
}
});
</script>messages.editor.successorsString(default: "Successors")
The text used for the successors tab on the edit popup TabStrip.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
successors: "Following Tasks"
}
}
});
</script>messages.editor.otherString(default: "Other")
The text used for the other tab on the edit popup TabStrip.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
other: "Additional"
}
}
});
</script>messages.editor.dependencyTypeString(default: "Type")
The text that will be rendered as a title of the Type column in the Dependencies edit tables.
Example
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
dataSource: [
{ id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") }
],
messages: {
editor: {
dependencyType: "Dependency Type"
}
}
});
</script>In this article