Prevent tooltip display during event dragging

[COLIN]

Hi,

I'm using the technique described in http://www.telerik.com/forums/config-tooltip-on-event-and-on-editor-event to display tooltips in Kendo Scheduler Timeline view. It works nice until I start dragging an event. When an event is being dragged, the tooltip moves to the top left corner. How to hide the tooltip when I start dragging an event?

[Vladimir Iliev]

Hi Pawel,

I tried to reproduce the described behavior using the Kendo UI 2014 Q3 official release but to no avail - everything is working as expected on our side (as seen in this screencast). Could you please upgrade to the latest official release and let us know of the result?

Regards,
Vladimir Iliev
Telerik

 

 

[COLIN]

Hi Vladimir,

Please check this example: http://dojo.telerik.com/IziME/7
It happens after about one second from the moment you start dragging.

Regards,
Pawel
http://www.telerik.com/forums/prevent-tooltip-display-during-event-dragging

[COLIN]

Hi Vladimir,

Please check this example: http://dojo.telerik.com/IziME/7
It happens after about one second from the moment you start dragging.

Regards,
Pawel

[Vladimir Iliev]

Hello Pawel,

You can improve current behavior by excluding the drag hint CSS class from the tooltip "filter" as follows:

$("#scheduler").kendoTooltip({
    filter: ".k-event:not('.k-event-drag-hint')",
        position: "top",
        width: 250,
        content: kendo.template($('#template').html())
    });

Regards,
Vladimir Iliev
Telerik

 

 

[COLIN]

Hi Vladimir,

 

This is better but what I want is to hide tooltip completely
once I start the dragging operation.

 

Regards,

 

Pawel

[Vladimir Iliev]

Hi Pawel,

Currently we have no such example which we can provide, however (for example) you can use the scheduler events to apply custom CSS class to the cells where you are dragging currently and add this class to the tooltip "filter".

Regards,
Vladimir Iliev
Telerik

 

 

[COLIN]

Hi Vladimir,

This doesn't work. Probably because the tooltip is already displayed.

I used the moveStart event:

moveStart = function (e) {
                var element = $('[data-uid=' + e.event.uid + ']');
                element.addClass('k-event-drag-hint');
            };


The filter:

filter: '.k-event:not(.k-event-drag-hint)',

Regards,

Pawel