Background events

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? 





3 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team February 4, 2019 04:09 AM UTC

 
Thank you for contacting Syncfusion support. 
 
Scheduler has block interval feature to achieve your requirement and kindly refer the below links. 
 
Regards, 
Karthigeyan 




AA aaa February 4, 2019 04:28 PM UTC

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


KK Karthigeyan Krishnamurthi Syncfusion Team February 5, 2019 10:25 AM UTC

 
Thanks for your update. 
 
We have achieved your requirement using eventRendered event as shown below. 
 
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 


Loader.
Up arrow icon