Disable date tooltips/titles

2 posts, 0 answers
  1. Clinton Smyth
    Clinton Smyth avatar
    65 posts
    Member since:
    Apr 2007

    Posted 23 Jul 2012 Link to this post

    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?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 26 Jul 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
Back to Top