[Solved] Disable date tooltips/titles

[Clinton Smyth]

When hovering over a date in the kendo calendar, a tooltip appears showing the full date.  The calendar generates the following HTML:

<td><a class="k-link" href="#" data-value="2012/7/14" title="Tuesday, August 14, 2012">14</a></td>

If I use a template, it gets inserted inside the anchor link which is still subject to the tooltip/title.  Here's the code generated using a template:

<td class=""><a class="k-link" href="#" data-value="2012/6/10" title="Tuesday, July 10, 2012">

    <div title="" class="selectedDate">10</div>

</a></td>

I've tried to override the title by setting it to "" in my template but the browser just uses the outer title instead.

How can I disable the tooltip?

[Iliana Dyankova]

Hello Clinton,

Such functionality is not supported out of the box, but you could achieve it via custom code. For example you could hook up to the calendar's navigate event and use the jQuery removeAttr() to remove the title. Like here: 

$("#calendar").kendoCalendar({
  //....
  navigate: function(e){
    this.element.find("tbody").find("a").removeAttr("title");
  }
});

I hope this helps. 

 

Greetings,
Iliana Nikolova
the Telerik team