Prevent tooltip display during event dragging

8 posts, 0 answers
  1. Pawel
    Pawel avatar
    22 posts
    Member since:
    Oct 2014

    Posted 18 Nov 2014 Link to this post

    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?
  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 20 Nov 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Pawel
    Pawel avatar
    22 posts
    Member since:
    Oct 2014

    Posted 20 Nov 2014 in reply to Vladimir Iliev Link to this post

    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
  4. Pawel
    Pawel avatar
    22 posts
    Member since:
    Oct 2014

    Posted 20 Nov 2014 in reply to Vladimir Iliev Link to this post

    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
  5. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 24 Nov 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Pawel
    Pawel avatar
    22 posts
    Member since:
    Oct 2014

    Posted 04 Dec 2014 in reply to Vladimir Iliev Link to this post

    Hi Vladimir,

     

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

     

    Regards,

     

    Pawel
  7. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 08 Dec 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Pawel
    Pawel avatar
    22 posts
    Member since:
    Oct 2014

    Posted 09 Dec 2014 in reply to Vladimir Iliev Link to this post

    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
Back to Top