Background events

[aaa]

Hi,
How with minimal Impact make a "background" events  like this:

so its should be non-editable,  and not block  to add other events on top, so it just informational placeholders, but data-driven, so I cant hardcode them

My though was  combination of   allowMultiple={true} and  event Templating with switch case 

I'm on right way? 

[Karthigeyan Krishnamurthi]

Dear Customer, 

 

Thank you for contacting Syncfusion support. 

 

Scheduler has block interval feature to achieve your requirement and kindly refer the below links. 

https://ej2.syncfusion.com/beta/react/demos/#/material/schedule/block-events 

https://ej2.syncfusion.com/react/documentation/schedule/appointments/?no-cache=1#block-dates-and-times 

 

Regards, 

Karthigeyan 

[aaa]

I not need to block it

vise versa I want  be able  to add it on top, so background is just  informational event which not affect  possibility of adding events

[Karthigeyan Krishnamurthi]

Dear Customer, 

 

Thanks for your update. 

 

We have achieved your requirement using eventRendered event as shown below. 

https://stackblitz.com/edit/react-blixh2-ekomq4?file=index.js 

https://ej2.syncfusion.com/react/documentation/api/schedule#eventrendered 

 

eventRendered(args) { 

      if(args.data.Id === 4) { 

        addClass([args.element], 'e-custom'); 

      } 

    } 

 

.e-custom { 

  width: 100% !important; 

  opacity: 0.6 !important; 

  pointer-events: none !important; 

} 

 

 

 

Regards, 

Karthigeyan