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

Messages.actions

configuration

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

messages.actions

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: {
        actions: {
            addChild: "Add Child Task",
            append: "Add Task",
            insertAfter: "Add Below",
            insertBefore: "Add Above",
            pdf: "Export to PDF"
        }
    }
});
</script>

messages.actions.addChild

String

The text similar to "Add child" displayed as Gantt "add child" buttons.

Default: "Add Child"

<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: {
    actions: {
      addChild: "Add new Child"
    }
  }
});
</script>

messages.actions.append

String

The text similar to "Append" displayed as Gantt "append" buttons.

Default: "Add 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: {
    actions: {
      append: "Add new Task"
    }
  }
});
</script>

messages.actions.insertAfter

String

The text similar to "Add below" displayed as Gantt "add below" buttons.

Default: "Add Below"

<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: {
    actions: {
      insertAfter: "Add Task Below"
    }
  }
});
</script>

messages.actions.insertBefore

String

The text similar to "Add above" displayed as Gantt "add above" buttons.

Default: "Add Above"

<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: {
    actions: {
      insertBefore: "Add Task Above"
    }
  }
});
</script>

messages.actions.pdf

String

The text of "Export to PDF" button of the Gantt toolbar.

Default: "Export to PDF"

<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")
  }],
  toolbar: [ "pdf" ],
  messages: {
    actions: {
      pdf: "PDF Export"
    }
  }
});
</script>