Fade or dim previous events in schedule views

In the schedule views. How can we has past events on the views be shaded or faded out a bit. Similar to how google cal does it?




3 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team September 13, 2019 09:22 AM UTC

 
Syncfusion greetings. 
 
Kindly refer the below links where past events are made as readonly.  
 
Regards, 
Karthi 




TO Tony September 13, 2019 04:43 PM UTC

Thanks Karthi,   I do not want to make the events read-only.  I want the past events to have the styling shown in the example you shared and in the sample picture I provided..  Is there a way to do that?    


KK Karthigeyan Krishnamurthi Syncfusion Team September 16, 2019 08:25 AM UTC

 
Thanks for the update 
 
We can achieve your requirement using eventRendered event which triggers on both initial and CRUD actions. 
 
onEventRendered(args) { 
    if (new Date() > args.data.StartTime) { 
      args.element.style.opacity = '0.5' 
    } 
  } 
 
Regards, 
Karthi 
 


Loader.
Up arrow icon