Edit this page

messages.editor Object

The configuration of the Gantt editor messages. Use this option to customize or localize the Gantt editor messages.

messages.editor.assignButton String (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.editorTitle String (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.end String (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.percentComplete String (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.resources String (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.resourcesEditorTitle String (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.resourcesHeader String (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.start String (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.title String (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.unitsHeader String (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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy