Setting a template for the event's drag-hint

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 13 Jun 2019 05:13 by ADMIN

Shai

Created on: 06 Jun 2019 09:53

Category: Scheduler

Type: Feature Request

Setting a template for the event's drag-hint

In the jQuery Scheduler, the event template was also used for the drag hint. This allowed me to change the appearance of the drag hint according to the drag hint's position.

In the Angular Scheduler, the drag hint seems to show a static transparent copy of the event being dragged.

It will be really useful to have the drag-hint use the event template and also provide a boolean stating whether the event using the template is a drag hint.

Here's an example:

<ng-template kendoSchedulerEventTemplate let-event="event.dataItem" let-resources="resources" let-dragHint="isDragHint">
    <div [style.background-color]="calculateBackground(event, resources)" *ngIf="!dragHint; else: dragHintTemplate">>
        Regular Event
    </div>

    <ng-template #dragHintTemplate>
        <div [style.background-color]="calculateBackground(event, resources)">
            Drag Hint
        </div>
    </ng-template>
</ng-template>