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

Event preview cut on bottom


We're customizing #quickInfoTemplatesContent and #editorTemplate in order to fit our event's model, but when clicking on event at the bottom of calendar, the template is cut: 


Does the templates have a max height or something to avoid these situations?


1 Reply 1 reply marked as answer

RM Ruksar Moosa Sait Syncfusion Team November 29, 2022 09:56 AM UTC

Hi Carla,

Refresh the position of the QuickInfo popup on cellClick and eventClick events of the scheduler like the below code to overcome the reported issue.


<ejs-schedule #scheduleObj width='100%' height='600px' [selectedDate]="selectedDate" [eventSettings]="eventSettings"

  (cellClick)="onClick($event)" (eventClick)="onClick($event)">


public onClick(argsEventClickArgs): void {

    if (!this.eventAdded) {

      let popupInstance = (document.querySelector(".e-quick-popup-wrapper"as any).ej2_instances[0];

      popupInstance.open = () => {



      this.eventAdded = true;



Sample: https://stackblitz.com/edit/angular-lgdzxc?file=app.component.ts



Description automatically generated with low confidence

Refer the below documentation for more reference.



Ruksar Moosa Sait

Marked as answer
Live Chat Icon For mobile
Up arrow icon