Schedule tooltip cusomization

[Marko Bezjak]

Hello.

I want to customize the schedule tooltip so that it would open with 1 second delay. Can you provide me with and example how to do that?

Thank you in advance.

Marko

[Ravikumar Venkatesan]

Hi Marko, 

Greetings from Syncfusion support. 

Based on your requirement we have created a sample with the help of openDelay, mouseTrail and position property of the tooltip and created event of the Scheduler like the below. 

[app.component.html] 

<ejs-schedule #scheduleObj width='100%' height='650px' [selectedDate]="selectedDate" [eventSettings]="eventSettings" [(currentView)]="currentView" (created)="onCreated($event)"> 

</ejs-schedule> 

[app.component.ts] 

onCreated() { 

    // Assigning the tooltip object to the tooltipObj variable. 

    let tooltipObj = (this.scheduleObj.element as any).ej2_instances[1]; 

    // Disable the tooltip to follow the mouse pointer position 

    tooltipObj.mouseTrail = false; 

    // Setting tooltip open delay 

    tooltipObj.openDelay = 1000; 

    // Setting the position to the tooltip 

    tooltipObj.position = 'TopCenter'; 

  } 

Sample: https://stackblitz.com/edit/angular-scheduler-152283-tooltip-with-delay-favsbc?file=app.component.ts 

Kindly try the above sample and get back to us if you would need any further assistance. 

API link(openDelay): https://ej2.syncfusion.com/angular/documentation/api/tooltip/#opendelay 

API link(mouseTrail): https://ej2.syncfusion.com/angular/documentation/api/tooltip/#mousetrail 

API link(position): https://ej2.syncfusion.com/angular/documentation/api/tooltip/#position 

API link(created Event): https://ej2.syncfusion.com/angular/documentation/api/schedule#created 

Regards, 

Ravikumar Venkatesan 

[Marko Bezjak]

Hello.

I have looked at your example and sometimes the delay just doesn't work. I can't figure it out but when your are moving from event to event the tooltip sometimes  just shows up instanly.

Please check your example again for this issue.

update: I think that this issue appears when your are moving mouse a bit faster and the previous tooltip didn't close.. and it just breaks the delay functionality.

Regards.

Marko

[Vengatesh Maniraj]

Hi Marko, 

Thanks for the update. 

We have validated the reported issue at our end and we could able to reproduce the issue. We will include the solution for this issue in our Volume 1 beta release which is expected on March 17, 2020. We would appreciate your valuable patience until then. 

Regards, 

Vengatesh