This is a migrated thread and some comments may be shown as answers.

Disable date tooltips/titles

1 Answer 111 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Clinton Smyth
Top achievements
Rank 1
Clinton Smyth asked on 23 Jul 2012, 09:04 PM
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?

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 26 Jul 2012, 03:24 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Calendar
Asked by
Clinton Smyth
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or