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

Messages.views

configuration

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

messages.views

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: {
        views: {
            day: "Daily View",
            week: "Weekly View",
            month: "Monthly View",
            year: "Yearly View"
        }
    }
});
</script>

messages.views.day

String

The text similar to "Day" displayed as Gantt "day" view title.

Default: "Day"

<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: {
    views: {
      day: "Day view"
    }
  }
});
</script>

messages.views.end

String

The text similar to "End" displayed in Gantt resize hint.

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: {
    views: {
      end: "Task End"
    }
  }
});
</script>

messages.views.month

String

The text similar to "Month" displayed as Gantt "month" view title.

Default: "Month"

<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: {
    views: {
      month: "Month view"
    }
  }
});
</script>

messages.views.start

String

The text similar to "Start" displayed in Gantt resize hint.

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: {
    views: {
      start: "Task Start"
    }
  }
});
</script>

messages.views.week

String

The text similar to "Week" displayed as Gantt "week" view title.

Default: "Week"

<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: {
    views: {
      week: "Week view"
    }
  }
});
</script>

messages.views.year

String

The text similar to "Year" displayed as Gantt "year" view title.

Default: "Year"

<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: {
    views: {
      Year: "Year view"
    }
  }
});
</script>