We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

IsBlock tooltip

Is it possible to have a tooltip on IsBlock events?

1 Reply

SR Swathi Ravi Syncfusion Team March 22, 2023 11:03 AM UTC

Hi Petro,

You can add tooltip for the block events by using the EJ2 Tooltip’s beforeRender event, as shown in the below shared snippet.

Sample: https://stackblitz.com/edit/ej2-angular-schedule-tooltip-for-block-events-fj4hhq?file=src%2Fapp.component.ts

API: https://ej2.syncfusion.com/angular/documentation/api/tooltip/#beforeopen


<div class="control-section">

  <ejs-tooltip #tooltipObj  (beforeRender)="onBeforeRender($event)">

    <ejs-schedule #scheduleObj height='650px' [(selectedDate)]="selectedDate" [eventSettings]="eventSettings"></ejs-schedule>




export class AppComponent {

  @ViewChild('tooltipObj')public tooltipObjScheduleComponent;

 public eventSettingsEventSettingsModel = { enableTooltip: true };

  public targetstring = '.e-block-appointment’;


  public onBeforeRender(argsTooltipEventArgs): void {

    let contentstring;

    if (args.target.classList.contains('e-block-appointment')) {

      content = (args.target.querySelector('.e-subject'as any).innerText;


    this.tooltipObj.setProperties({ content: content }, true);




Swathi Ravi

Live Chat Icon For mobile
Up arrow icon