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

Display tooltip in mouse position

1 Answer 446 Views
Tooltip
This is a migrated thread and some comments may be shown as answers.
Materovich
Top achievements
Rank 1
Veteran
Materovich asked on 31 Aug 2020, 09:35 AM

Hi,

 

I am trying to modify the tooltip for the scheduler events. I want to display lot of information with a given template and the basic tooltip is not enought.

 

To achieve this, I am trying to use the kendo tooltip. I want to display the tooltip in the mouse position but I am not able to do it. The position is relative to the event that I am hovering with the mouse and if the event is too large, the tooltip goes to far.

What can I do?

 

I attach some evidences. The blue point is the point where the mouse pointer is. 

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 02 Sep 2020, 06:11 AM

Hi Materovich,

Thank you for the provided screenshot.

The observed behavior is expected. In general, the Tooltip component is shown on specific elements (anchors):

https://www.telerik.com/kendo-angular-ui/components/tooltip/anchor-elements/

Due to the event width, the tooltip is rendered on the middle, rather on the mouse pointer.

In case of further questions do not hesitate to write back.

Regards,
Martin
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/.

Tags
Tooltip
Asked by
Materovich
Top achievements
Rank 1
Veteran
Answers by
Martin
Telerik team
Share this question
or