Loading tooltip content before show

[George]

Hi,

I'm using a kendoTooltip control with the content.url configuration.

The problem is it takes a second or so to load the content, which is a long time when you're hovering over something frequently.

I'd like to know if it's possible to programatically load the content in the background (say, a few seconds after the page loads). Then when the user hovers over the target control, the tooltip can display instantly (having already loaded the content).

Thanks,

George

[Veselin Tsvetanov]

Hello George,

Pre-loading the Tooltip content on the initial page load would be an approach that would resolve the delay issue observed. To achieve the desired, make an ajax request to get the tooltip content on the page load and store the returned HTML in a <script> element on the page. Then, use a function that would return the content of that <script> element:

$(document).ready(function() {
  $.get('https://demos.telerik.com/kendo-ui/content/web/panelbar/ajax/ajaxContent1.html',  function(response) {
    $('#tooltipcontent').html(response);

  });

  $("#container").kendoTooltip({
    filter: "span",
    content: function(e) {
      return $('#tooltipcontent').html();
    }
  });
});

Here yo could find a small sample implementing the above suggestion.

Regards,
Veselin Tsvetanov
Progress Telerik

[Veselin Tsvetanov]

Hello George,

Here is the Dojo sample implementing the discussed scenario.

Regards,
Veselin Tsvetanov
Progress Telerik