[Solved] Cutomize k-event-drag-hint when moving

[Jason]

Hi,

I'm trying to change the background of the "k-event-drag-hint" div when the user is moving an event on top of another.

 

function onEventMoved(e) {
    if (roomIsOccupied(e.start, e.end, e.event, e.resources)) {
        $(".k-event-drag-hint").find('div').css('background', 'blue');
        e.preventDefault();
        return;
    }
    $(".k-event-drag-hint").find('div').css('background', 'red');
}

 

When I randomly move an event I can see the green background BUT when roomIsOccupied returns true, my code seems to have no effect (background is not red).

>> If i remove the e.preventDefault() then the background turns to blue. 

 

Any idea on how i can fix this issue? 

 

Thx

Seb

[Veselin Tsvetanov]

Hello Seb,

I have already answered to your question in the Support ticket thread, that you have opened on the same topic. In case you have any further questions, I would suggest you to continue the discussion there.

Regards,
Veselin Tsvetanov
Telerik by Progress

[Dov]

Hi,

Is it possible to see the answer ?

thanks

[Veselin Tsvetanov]

Hello Dov,

Here is the answer to the Jason's question:

In order to achieve the desired I have modified the move event handler in the following way:

move: function(e) {
    if (roomIsOccupied(e.start, e.end, e.event, e.resources)) {
        $(".k-event-drag-hint").find('div').css('background', 'blue');
        //e.preventDefault();
        return;
    }

 $(".k-event-drag-hint").find('div').css('background', 'red');
},

As you will notice, I have commented out the e.preventDefault() , which is not needed. The reason is that the move event will not perform any action on the event data itself, so there is actually nothing to be prevented.

Here you will find a Dojo sample implementing the above.

Regards,
Veselin Tsvetanov
Progress Telerik