event card overlaping

[adrian motea]

Hi,

i was wondering if it is possible to achieve this type of result while viewing events that overlap in time. 

Curently the event "cards"will stack up, and they might become too small

Thanks in advance

[Balasubramanian Sattanathan]

159921 

Hi Adrian, 

Greetings from Syncfusion Support. 

We have validated your requirement at our end and suspect that your need is to be have the over lapped appointments when two appointments are rendered on same time slot. We can achieve this by making use of the eventRendered event like the below code snippet. We have prepared a sample for your reference and that can be downloaded from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/159921/ze/overlapped_appointments-1621076117.zip 

 

JS: 

eventRendered: function (args) { 

  var data = args.data instanceof Array ? args.data[0] : args.data; 

  if (!scheduleObj.isSlotAvailable(data) ? EventFilter(data) : false) { 

    args.element.classList.add('custom'); 

  } 

} 

CSS: 

.e-appointment { 

    width: 100% !important; 

} 

.e-appointment.custom { 

    width: 75% !important; 

    left: 25% !important; 

} 

Kindly try the above sample and let us know if you need further assistance. 

Regards, 

Balasubramanian S