New to Kendo UI for jQuery? Start a free 30-day trial

Messages.editor

configuration

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

messages.editor

Object

<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.actualEnd

String

The label text of the end DateTimePicker editor when the planned editors are also present on the form.

Default: "Actual End"

<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.actualStart

String

The label text of the start DateTimePicker editor when the planned editors are also present on the form.

Default: "Actual Start"

<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.addNew

String

The text that will be rendered in the Create button of the Dependencies and Assignments edit tables.

Default: "Add"

<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.assignButton

String

The text similar to "Assign" displayed in Gantt task editor.

Default: "Assign"

<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.dependencyType

String

The text that will be rendered as a title of the Type column in the Dependencies edit tables.

Default: "Type"

<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>

messages.editor.editorTitle

String

The text similar to "Task" displayed in Gantt task editor.

Default: "Task"

<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

The text similar to "End" displayed in Gantt task editor.

Default: "End"

<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.general

String

The text used for the main (general) tab on the edit popup TabStrip.

Default: "General"

<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.name

String

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.

Default: "Name"

<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.other

String

The text used for the other tab on the edit popup TabStrip.

Default: "Other"

<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.parentOptionLabel

String

The optionLabel of the parent DropDownList editor.

Default: "-None-"

<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.percentComplete

String

The text similar to "Complete" displayed in Gantt task editor.

Default: "Complete"

<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.percentCompleteHint

String

The hint text that will be rendered for the percentCompleted NumericTextBox on the popup edit Form.

Default: "value from 0 to 1"

<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.plannedEnd

String

The text similar to "Planned End" displayed in Gantt task editor.

Default: "Planned End"

<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.plannedStart

String

The text similar to "Planned Start" displayed in Gantt task editor.

Default: "Planned Start"

<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.predecessors

String

The text used for the predecessors tab on the edit popup TabStrip.

Default: "Predecessors"

<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.remove

String

The text that will be rendered in the Remove button of the Dependencies and Assignments edit tables.

Default: "Remove"

<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.resources

String

The text similar to "Resources" displayed in Gantt task editor.

Default: "Resources"

<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

The text similar to "Resources" displayed in Gantt task editor.

Default: "Resources"

<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

The text similar to "Resources" displayed in Gantt task editor.

Default: "Resources"

<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

The text similar to "Start" displayed in Gantt task editor.

Default: "Start"

<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.successors

String

The text used for the successors tab on the edit popup TabStrip.

Default: "Successors"

<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.title

String

The text similar to "Title" displayed in Gantt task editor.

Default: "Title"

<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

The text similar to "Units" displayed in Gantt task editor.

Default: "Units"

<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>