Completed
Last Updated: 02 Apr 2024 10:40 by ADMIN
Release 2024 Q2 (May)
Bob
Created on: 09 Dec 2020 14:18
Category: Tooltip
Type: Feature Request
59
Delay when showing and hiding the Tooltip
Is there any way to delay the showing of the tooltip when showing on hover?

I want it to only show the tooltip tip if I hover over an item for more than some time period (i.e. 3 seconds)
7 comments
Paul
Posted on: 15 Jan 2024 16:48

The following css code works for me to delay the appearance of the tooltip:

.k-tooltip {
  animation: 800ms reveal;
  animation-fill-mode: forwards;
  visibility: hidden;
}

@keyframes reveal {
  99% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

My use case is for hover and it works nicely for that.  However, it also triggers for a 'click-based' tooltip and this effect is probably not desired for a click tooltip.  I'm not using any click tooltips, so this is fine for me.

Also, this trick doesn't have any impact on the 'hide' delay - again, I don't need a 'hide' delay.

 

If your needs are similar, this might buy some time before the feature request is implemented.


ADMIN
Dimo
Posted on: 10 Nov 2023 15:28

@Nicholas - yes, we have a separate request for programmatic closing of tooltips.

On the other hand, I suspect that your description matches this scenario that we are now working on. 

Nicholas
Posted on: 10 Nov 2023 14:57

I'd also like to be able to programmatically close all tooltips if you decide to work on this one.  If you use tooltips for buttons in a grid they seem to stick because I assume they don't receive a mouse out event.  If I were able to just close all tooltips that would resolve the problem for me.

If adding a close event might as well also add a programmatic way to open a tooltip as well even though I don't necessarily have a use case for that right now.

ADMIN
Dimo
Posted on: 10 Jul 2023 06:29

Hello Twain,

I confirm that the feature request statuses correctly reflect the actual development and plannin state. In other words, "Unplanned" means that the feature request is valid, but we haven't scheduled it for implementation yet, due to tasks with higher priority. On the other hand, this request is also popular, so it is possible to make it to our short-term plans in the near future.

If popup interaction is important for you and ShowOn Click is not desired, then perhaps you can consider other options - for example, show a small popup window on hover, or use a dedicated area on the page for the clickable content. Optionally, you can hide the Window titlebar with CSS, so that it looks more like a tooltip.

Regards,
Dimo
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Twain
Posted on: 03 Jul 2023 18:23
Any news about this request? 
This functionality would be useful in order to not immediately close the tooltip and thus be able to interact with the tooltip content (for example, a link or button). Currently, when OnShow = Hover, the tooltip closes instantly and does not allow any interaction with its content.
Regards.
ADMIN
Nadezhda Tacheva
Posted on: 04 Oct 2021 10:02

Hello,

I tweaked the title a bit to also cover the scenario for setting delay when the Tooltip is hidden. We've recently received another feature request for exposing ShowDelay and AutoCloseDelay properties in the Tooltip which I marked as a duplicate to the current one.

Regards,
Nadezhda Tacheva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Philip
Posted on: 07 Mar 2021 04:17

^^ Yes.

So ShowDelay and HideDelay properties (similar to animation container).