tooltip

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

configuration

The task tooltip configuration options.

Object

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  tooltip: {
    visible: true
  },
  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")
    }
  ]
});
</script>

tooltip.template

String|Function

The template which renders the tooltip.

The fields which can be used in the template are:

task - the gantt task, for which the template is shown

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  tooltip: {
    visible: true,
    template: "Title: #= task.title #"
  },
  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")
    }
  ]
});
</script>

tooltip.visible

Boolean

If set to false the gantt will not display the task tooltip. By default the task tooltip is displayed.

Default: true

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  tooltip: {
    visible: false
  },
  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")
    }
  ]
});
</script>

tooltip

tooltip.template

tooltip.visible