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

Messages.plannedTasks

configuration

The configuration of the Gantt messages for Planned tasks.

messages.plannedTasks

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: {
        plannedTasks: {
            switchText: "Show Planned Tasks",
            offsetTooltipAdvanced: "Completed earlier",
            offsetTooltipDelay: "Completed later"
        }
    }
});
</script>

messages.plannedTasks.days

String

The text for "days" displayed in the Advanced/Delayed Tooltip (see above).

Default: "days"

<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: {
        plannedTasks: {
            days: "d"
        }
    }
});
</script>

messages.plannedTasks.hours

String

The text for "hours" displayed in the Advanced/Delayed Tooltip (see above).

Default: "hours"

<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: {
        plannedTasks: {
            hours: "hrs"
        }
    }
});
</script>

messages.plannedTasks.minutes

String

The text for "minutes" displayed in the Advanced/Delayed Tooltip (see above).

Default: "minutes"

<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: {
        plannedTasks: {
            minutes: "min"
        }
    }
});
</script>

messages.plannedTasks.offsetTooltipAdvanced

String

The text rendered in the Tooltip that would be displayed for tasks which have finished in advance compared to their plannedEnd.

Default: "Met deadline earlier"

<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: {
        plannedTasks: {
            offsetTooltipAdvanced: "Completed ahead of schedule"
        }
    }
});
</script>

messages.plannedTasks.offsetTooltipDelay

String

The text rendered in the Tooltip that would be displayed for tasks which have finished with delay compared to their plannedEnd.

Default: "Delay"

<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: {
        plannedTasks: {
            offsetTooltipDelay: "Behind schedule"
        }
    }
});
</script>

messages.plannedTasks.seconds

String

The text for "seconds" displayed in the Advanced/Delayed Tooltip (see above).

Default: "seconds"

<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: {
        plannedTasks: {
            seconds: "sec"
        }
    }
});
</script>

messages.plannedTasks.switchText

String

The text that would be displayed on the switch allowing the user to turn on and off the PlannedTasks view in the Gantt Timeline.

Default: "Planned Tasks"

<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: {
        plannedTasks: {
            switchText: "Show Planned Tasks"
        }
    }
});
</script>