The example shows how to style the content of the event, but borders stay in the old color.
Additionally, images are broken.
Hi Anna,
I am writing to you to inform you that on the following link you could find the article regarding modifying event styling in Scheduler on dataBound event:
Also, the links in the Set Event Color in a Template article are fixed.
- https://docs.telerik.com/kendo-ui/knowledge-base/scheduler-change-event-background-databound
Regards,
Neli
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Hi Anna,
Thank you very much for your feedback. It is important to us.
As the described scenario is a common one I will add a KB article shortly. I will inform you in the thread once the respective article is added to the documentation.
Regards,
Neli
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Hi Neli,
I agree you can argue this is a documentation example about the template and not the background color, but people will search how to change the background color (it's been asked on StackOverflow a week ago, for example), so an appropriate documentation article would be helpful for them.
Hi Anna,
Thank you very much for reporting incorrect behavior.
Indeed, the links of the images are broken. However, the mentioned How-To article demonstrates how to change the color of an event by using a template. If you need to change the background color of the entire event, you could set it in the dataBound event handler as in the example below:
dataBound: function(e){
var view = this.view();
var events = this.dataSource.view();
var eventElement;
var event;
for (var idx = 0, length = events.length; idx < length; idx++) {
event = events[idx];
if(event.title === "The Help"){
eventElement = view.element.find("[data-uid=" + event.uid + "]");
//set the background of the element
eventElement.css("background-color", "red");
}
}
},
Here is a Dojo example where this is implemented.
I hope the above will help.
Regards,
Neli
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.